[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