Previous Message
Next Message

Remove whitespace between elements

Sent by Ruben van den Berg on 11 July 2012 19:07


Thanks a lot! That was very helpful!
Ruben

> From: [EMAIL-REMOVED]
> Date: Wed, 11 Jul 2012 23:20:30 +0900
> To: [EMAIL-REMOVED]
> CC: [EMAIL-REMOVED]
> Subject: Re: [css-d] Remove whitespace between elements
> 
> 
> 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-REMOVED]]
> 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/
 		 	   		  
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: