Previous Message
Next Message

(no subject)Michael Larocque

Sent by Philippe Wittenbergh on 15 March 2006 01:01


On Mar 15, 2006, at 10:05 AM, Michael Larocque wrote:

>
> On 14-Mar-2006, at 17:18 , ~davidLaakso wrote:
>
>> Michael Larocque wrote:
>>> Hi all,
>>>
>>> I've been beating my head against this for a bit too long, and
>>> I've  decided to ask for help. I've validated both the html and
>>> css. I  can't seem to figure out why there's a 3 pixel gap between
>>> the header  image and the nav bar. I've tested in both Safari and
>>> Firefox.
>>>
>>> 	http://trinaread.com/t3st/ (html)
>>> 	http://trinaread.com/t3st/style.css (css)
>>>
>>>
>>> Mike
>>>
>> Please see if this helps:
>> #header img { vertical-align: bottom; }
>> Regards,
>> ~davidLaakso
>
> Thanks David. That did it. I'm not sure why its needed though -
> everything had 0 margin and padding. Weird.

Nothing weird at all. Images are inline images. They rest on the  
baseline of the text. That baseline has some space at the bottom to  
allow for descenders in glyphs (like the p, the q, the ...) to exist.

See this thread 10 days ago:
<http://archivist.incutio.com/viewlist/css-discuss/71414>

And this article on the Mozilla development site
<http://developer.mozilla.org/en/docs/ 
Images,_Tables,_and_Mysterious_Gaps>

PS - Line-height has *nothing* to do with this.

Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>




______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread:

Possibly related: