|
CSS +
Styling
|
|
Monday, 11 July 2011 09:04 |
|
I had a friend call and ask me to look at a page. The problem was, neither the <b> tag, nor the <strong> tag were having any effect in multiple browsers.
I looked at the code, it looked well-formed. I ran it through a validator and it had some minor problems, but nothing I could relate to the mysterious 'bold not working' problem. I tried an Internet search but couldn't actually find any related articles. And that's why I'm writing this.
When I studied the bold text in Chrome's developer tools (SHIFT-CNTRL-I in Chrome, I like better than Firebug, which also rocks), I notice that Chrome had applied a style (font-weight:bolder) I had never heard of, and the computed weight was 300.
The culprit was a body styling: font-weight:100. All Chrome was doing for the bold and strong tag was adding 200, making the bold weight 300 -- not enough!. Changing the body style to font-weight:normal; fixed the problem.
|
|
|
CSS +
Styling
|
|
Monday, 17 May 2010 09:29 |
|
If your theme/template isn't white or near-white background, then the default form input control styling is probably not going to look nice.
|
|
CSS +
Layout
|
|
Tuesday, 11 May 2010 16:25 |
|
Floating divs poking out the bottom? The fix is easier than you think.
|
|
|
|
|
|
|