Re: Markup error and display errors
- From: John Hosking <John@xxxxxxxxxxxxxxxxxxxxxxxxxxx>
- Date: Thu, 18 Jun 2009 00:14:23 +0200
Knut Krueger wrote:
http://arnfelser.knut-krueger.de/index.php?db=text:10
3. question
there is a gap over the blue box, any suggestions why?
Actually, that's not so much a gap over the blue box as it is a gap under the bar_r.jpg image.
That gap is there for the descenders (low-hanging parts of letters like y, p, q, g, etc.) in your text. What? You say you don't have any text there? The browser doesn't know that, so you get the extra space by default, just in case.
One way to fix this is to tell the browser there's no text, by giving the img display type block.
img { display:block; }
Try it and test it (in various browsers). You may have to apply an id or class, depending on what other images you have on the page or other pages in the site.
--
John
.
- References:
- Markup error and display errors
- From: Knut Krueger
- Markup error and display errors
- Prev by Date: Re: Creating a reply to an email message using html
- Next by Date: Re: how to arrange container with three pictures
- Previous by thread: Re: Markup error and display errors
- Next by thread: Re: Markup error and display errors
- Index(es):
Relevant Pages
|
