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 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/
