Previous Message
Next Message

How remove the gap between logo and horizontal menubar?

Sent by Zoe M. Gillenwater on 9 August 2004 13:01


[EMAIL-REMOVED] wrote:

>The header section of the following layout is giving me fits: 
>http://www.southamericanexperience.co.uk/testsite/chile/chile2.html
>how can I get rid of the gap between the logo image and the
>horizontal menu bar? (This gap appears in both IE6 and Firefox
>in WinXP, the only browsers I've checked so far).
>  
>

By default, images display on the baseline with text, so that text 
descenders have somewhere to sit.  In your case, you can fix this by 
setting that image to display: block.

Read more about this issue here (it talks about it in terms of table 
cells but it's just as applicable with divs):
http://devedge.netscape.com/viewsource/2002/img-table/

Zoe

-- 
Zoe M. Gillenwater
Design Specialist
Highway Safety Research Center
http://www.hsrc.unc.edu

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: