Thank you all so much for your help. It's fixed and the red border is a
great visual tool for when I don't know what's going on.
This list is a wonderful resource. Without it I'd probably give up and go
back to tables.
Regards,
Liz
On 7/23/06 9:18 PM, "francky" <[EMAIL PROTECTED]> wrote:
> 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/
Thank you all so much for your help. It's fixed and the red border is a
great visual tool for when I don't know what's going on.
This list is a wonderful resource. Without it I'd probably give up and go
back to tables.
Regards,
Liz
>
______________________________________________________________________
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/
