Le 11 juil. 2012 à 20:41, Ruben van den Berg a écrit :
>>> I'd like to remove the whitespace between the header image and the menu
>>> (red background) below it. I specified [margin:0;] for both elements and
>>> [float:left;] for the menu. But I somehow can't seem to get rid of the
>>> whitespace between them. Can anybody please tell me what I'm doing wrong?
>>> Thanks a bunch!
>>> Ruben
>>> https://dl.dropbox.com/u/39492899/Flamenconl/flamenco_1.html
>>> https://dl.dropbox.com/u/39492899/Flamenconl/flamenco_1.css
Images are inline elements and rest on the baseline of the text. That leaves
some space for descenders (like p, q, j). The small gap you see under the image
and above the red block is that space.
#himg {display: block } would remove that space
or
#himg { vertical-align: bottom; }
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
