Still In Development


feed-imagerss
feed-imageatom
Login



CSS
Bold and Strong Tags not Working PDF Print E-mail
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.

 
Styling Form Inputs with CSS PDF Print E-mail
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.

 
Clear All Divs Fix PDF Print E-mail
CSS + Layout
Tuesday, 11 May 2010 16:25

Floating divs poking out the bottom?  The fix is easier than you think.