Posted by Mark on 11/11/07 16:26

Safalra (Stephen Morley) wrote:
> 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;
> }

This works a treat.

Thanks

[Back to original message]