At the subject test site i have a footer with 3 boxes, within each of the left hand and the centre boxes is three lines of text with non header style attributed to the top line and h3 styles attributed to the remaining two lines, as can be seen the boxes are displayed as similar sizes.
However the right hand box is a different size, and the only difference between this box and the others is that the two lines below the Top line are attributed a non header style
The different styles have added an extra 12px to the height of the right hand box, and even if i make the height fixed I still have this issue.
This site is based on Backdraft template and the boxes in question have the Box Sizing action applied.
You have set the font-size of h3 to 12px, and the p to 14px. The normal space-before and space-after are set to 1em (because that’s the browser default) and the em is a relative size, based on the font size. This means that the overall height of the paragraph is taller than the overall height of the h3.
Walter
On Nov 5, 2013, at 7:09 AM, ejw wrote:
At the subject test site i have a footer with 3 boxes, within each of the left hand and the centre boxes is three lines of text with non header style attributed to the top line and h3 styles attributed to the remaining two lines, as can be seen the boxes are displayed as similar sizes.
However the right hand box is a different size, and the only difference between this box and the others is that the two lines below the Top line are attributed a non header style
The different styles have added an extra 12px to the height of the right hand box, and even if i make the height fixed I still have this issue.
This site is based on Backdraft template and the boxes in question have the Box Sizing action applied.
The easiest thing to do is to use the same tag for all of these. Don’t mix h3 and p. Also, read up on what the header tags are for. Think “outline view” in PowerPoint. You’re making a hierarchy of information, so decide what level of importance these things are.
Walter
On Nov 5, 2013, at 1:56 PM, ejw wrote:
Walter,
Thanks for the explanation, however how do i set the p parameter? or is this part of the Backdraft Style sheet?