Re: [css-d] Text refusing to be bold in Firefox and IE
If your page and rules are valid, look at your page in Firebug. It shows you the styles in the heirarchy of inheritance, and crosses off rules that have been overridden by styles on parent containers/elements. Something above, eg at a higer importance level, is applying font-style:normal. That is to say, a font-style:normal is cascading down onto the thing you want bolded. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text refusing to be bold in Firefox and IE
Thanks Geoffrey! Firebug is a must have!!! I found my problem within seconds. Geoffrey Hoffman wrote: If your page and rules are valid, look at your page in Firebug. It shows you the styles in the heirarchy of inheritance, and crosses off rules that have been overridden by styles on parent containers/elements. Something above, eg at a higer importance level, is applying font-style:normal. That is to say, a font-style:normal is cascading down onto the thing you want bolded. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text refusing to be bold in Firefox and IE
I thought I had figured this out with Firebug, but the text is still not bold. It's a nested ul ul. The linked text saying THIS SHOULD BE BOLD is bold in Safari but not in Firefox or IE. Could this be a problem because of a bug in both browsers with nested lists? Please check out this url: http://veriepe.com/TEST222.html Thanks again, Pat Pat Veriepe wrote: I have two lists that refuse to be bold in Firefox and IE. No problem in Safari and Opera. Other items around them are bold. I've tried increasing the specifity to the max, !important and wrapping each line with strong tags. Any ideas? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text refusing to be bold in Firefox and IE
From: Pat Veriepe [EMAIL PROTECTED] I thought I had figured this out with Firebug, but the text is still not bold. It's a nested ul ul. The linked text saying THIS SHOULD BE BOLD is bold in Safari but not in Firefox or IE. Could this be a problem because of a bug in both browsers with nested lists? Please check out this url: http://veriepe.com/TEST222.html Personally, I don't think that there is a bug at all. You have set the font-size in your body selector to be 70%. On my computer, that makes the lines that make up the glyphs of the font only one pixel wide. When I changed the font-size to 80% (or simply increased the font size in the browser), it was clear that the text is bold. At 80%, the browser makes the lines 2px wide. What's a browser to do to make something bold when it has nothing to work with? (only one pixel, in other words). Using the Web Developer toolbar in Firefox, and editing the CSS to to switch from bold to normal, that browser *does* change something between the two font-weights. Try it and see. Apparently Safari draws the font differently than Firefox if you can clearly tell that the text is bold in that browser. 78% for the body font-size is the smallest percent that I could use on your page to get Firefox to clearly show what I would call bold text. This is where the gliph's lines went from being 1px wide to being 2px wide. I have noticed in the past, when using very tiny type, that browsers show bold text by increasing the width of the glyphs themselves (not just the lines). This is what is happening with your bold text. When bold is applied, a lower case o for example, is 4px wide from one side to the other. When bold is applied, it is 5px wide. So, if you want the text to look bold, you're going to have to increase the font-size, I think. I hope this is useful. ~holly __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Text refusing to be bold in Firefox and IE
Pat Veriepe wrote: The linked text saying THIS SHOULD BE BOLD is bold in Safari but not in Firefox or IE. Could this be a problem because of a bug in both browsers with nested lists? Please check out this url: http://veriepe.com/TEST222.html The text is simply too small to become visibly bold in my browsers. That's not a bug but a lack of screen-pixels. 20% font-resize up and the bold-styled text becomes visibly bold and the rest stays normal. Opera usually comes with a minimum font size set high enough to affect the outcome - make it visibly bold in your case, while Firefox defaults to minimum font size = none. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/