Posted by Safalra (Stephen Morley) on 11/11/07 14:46

On Sun, 11 Nov 2007 11:49:02 +0000, Mark wrote:
> I have a graphical logo inside a h1 element that I want to be a link:
>
> <h1><a href="#"><img src="images/logo.gif" width="228" height="67"
> alt="My Logo"></a></h1>
>
> This worked fine in IE and Opera, but in Firefox and SeaMonkey there was
> some unwanted whitespace below the image.


This sounds like the standard problem where Firefox positions images on the
baseline rather than at the box bottom (this is actually the correct
behaviour according to the specification). There are a couple of options:


h1 img{
display:block;
}


Or:


h1 img{
vertical-align:bottom;
}


--
Safalra (Stephen Morley)

The 'white-space' Property In CSS:
http://www.safalra.com/web-design/css/white-space-property/

[Back to original message]