Liz wrote:
> [...]
>
>>h1, h2, h3, p {margin:0;padding:0;}
>>
>>I added the "p" element because it looked like you wanted the paragraph
>>text to start immediately below the h3, and browsers have different
>>default margins and padding for p as well as h*.
>>
>>
>Thank you again for replying.
>
>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.
>
>The page with the new code is in the same place.
>http://www.egretdesign.com/test.shtml
>
>
Maybe:
p {
padding: 0 0 1em 0;
border: 1px dashed red; /* tmp */
}
===============
You used the 2 digit shorthand notation for the padding-properties:
p {
padding: 1em 0;
}
which means: set both padding-top /and/ padding-bottom to 1em, set both
padding-right /and/ padding-left to 0.
With the 4 digit notation you can set different values for the top
padding and the bottom padding.
The 4 digit shorthand notation for the padding-properties is always
clockwise:
padding-top (= 0),
padding-right (=0),
padding-bottom (=1em),
padding-left (=0).
Now the distance to the H1 or H2 or H3 above is always 0, and the space
between two paragraphs consists of the 1em margin-bottom of the first one.
A temp border line or background color can be helpful to see where the
paddings (and margins) of an element are starting and ending. Revealing
the browser secrets of padding/margin computing! :-)
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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/
