[thelist] CSS Help

Norman Bunn norman.bunn at craftedsolutions.com
Fri Sep 16 10:29:05 CDT 2005


1) Yes, that is what I did, but IE and FF spanned the entire block so I 
should be able to handle that with the padding as you recommend.  I was 
trying a separate span tag on the text with a border, but IE was 
ignoring it.  I tried with the padding and margins set to zero and still 
no joy.  Here's the CSS

h2 {
    font-family: garamond, 'times roman', times, serif;
    font-style: italic;
    font-weight: 700;
    font-size: 15px;
    color: #3730be;
    letter-spacing: 0.08em;
    text-align: center;
}
.linewrap {
    border-top: thin #ca7200 solid;
    border-bottom: thin #ca7200 solid;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

and the tag
 
<.h2 class="linewrap">The Natural Path to Better Respiratory Health<./h2>

2) I was trying :first-letter, but that did not work.  The way I got it 
working was as you suggested, but it was looking for something less 
bulky.  Oh, well.

Norman

---

Norman W. Bunn
norman.bunn at craftedsolutions.com
803.405.1008
----------------------------------------------
www.CraftedSolutions.com
Crafted Solutions, Inc.
Web Design & Development
Web Site Hosting & Custom Solutions
"Get the results the Internet promises;
 get the 'Net Result' from Crafted Solutions!"
----------------------------------------------



Pringle, Ron wrote:

>Norman - 
>
>  
>
>>I have an <.h2> tag that I have defined in CSS.  I want to 
>>put borders 
>>above and below only the text in the header, not the entire 
>>header box.  
>>When I use a <.span> tag inside of the <.h2> with the appropriate 
>>borders, it shows fine in FF but not in IE6.  Anyway to get 
>>IE to work 
>>as desired?
>>    
>>
>
>If I understand you correctly, you just want a top and bottom border above
>and below the h2 header text, but not on the left and right sides correct?
>If that's the case, you can define that like:
>
>h2 {
>border-top:1px solid #333;
>border-bottom:1px solid #333;
>}
>
>Substitute whatever line thickness, style and color you want. No need to use
>an extra span. If you don't want the borders to exceed the width of the text
>at all, then just zero out your left and right margins and padding.
> 
>  
>
>>Another problem is in both IE and FF.  I have a product name, 
>>AsthmaQuell, that I want to bold and change the colors on the 
>>capitalized letters.  I have tried several kludgey ways, but 
>>would like 
>>something more elegant.  Has anyone attempted something like this?
>>    
>>
>
>For this you will need to use a span and class. Your HTML will then end up
>looking something like:
>
><p>Some words in your sentence <span class="productCaps">A</span>sthma<span
>class="productCaps">Q</span>uell.</p>
>
>HTH
>
>Regards,
>Ron
>  
>


More information about the thelist mailing list