martin f krafft wrote:
>Hi folks,
>
>I am wrecking my brain over the following issue:
>
>on http://martin-krafft.net/phd/, there are two images. The Lero
>logo is displayed as it should, the Debian swirl further down
>renders too far up and clashes with the underline of the heading.
>
>Both images are class:floatright, which is nothing but a class that
>defines float:right and margin-left:2em. Both are within div#content
>and just before a normal <p>.
>
>I just don't understand why the swirl is rendered 2em above the <p>
>while the Lero logo is just fine.
>
>Stylesheet is here: http://martin-krafft.net/phd/css/base.css
>
>XHTML and stylesheet almost validate, but the remaining issues are
>not relevant to the image display, I think.
>
>Thanks for any time you may be able to spend on this!
>
Hi Martin,
It's not the logo itself: "... just before a normal <p>", yes, but also
"just after an abnormal <h2>". :-)
h2 { margin-bottom: -0.5em; }
(The em-size of the h2 is bigger, so compared to the normal 1em of a <p> it is
around the -2em you mentioned.)
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/
