You wrote (to Steve Clason):
>Your code with the p worked perfectly until I wanted a paragraph break not
>under a header. Just a normal one. I didn't get a double space. I tried
>adding the paragraph space back in like I did the headers but ended up with
>space again under the headers. I really am new to css so what might be
>obvious to someone else is not to me such as how to add the space back in.
Well I wind up pretty confused trying to keep
track of what I have done with margins, so I
try to stay with a personal method.
Basically I set all the margins and padding
to zero then on the top element (H1 usually
for me) I set the top margin that looks about
right for the document as a whole. I then use
bottom margins for the space I want below the
various items--no margin overlap problems and,
in most of the things I write, the amount that
looks right to me is usually a matter of the
spacing down from the item above.
I think this might work well for you to get
no space below the H3s without affecting the
My final bit is not to sweat the small stuff
on this point. If you set the body font size
to 100.1%, the subordinate font sizes in em
values (1em as much as possible), line height
to about 1.4 (no units, it's a proportional),
and set margins in em values, you should get
a good looking page that will be relatively
similar on various browsers and user setups.
IMO, it's best to let the user have a page
that's readable at his/her chosen settings
for screen size and eyesight.
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/