[Xhtml&CSS]Image Margin-Bottom?

[GuuZ]

Okay Tweakers, observe:


Op dit plaatje zit u een div (omcircelt met rood) met 2 images erin, het is de bedoeling dat tussen deze 2 images wat links komen. Maar elke image lijkt een soort margin-bottom te hebben die wordt opgevuld met de backround-image/color van de Div. Mijn vraag is nu, hoe krijg ik deze soort margin weg? Ik heb voor de duidelijkheid de backgroundcolor van de div op groen gezet zodat je goed kunt zien waar die zit.

Hier is de XHTML-code van de desbetreffende div:

HTML:

<div id="left">
    [img]"images/main-t.gif"[/img]
    [img]"images/main-f.gif"[/img]
</div>

En hier het bijbehorende stuk CSS:

Cascading Stylesheet:

#left {
    height: auto;
    width: 150px;
    position: absolute;
    left: 0px;
    top: 50px;
    /*background-image: url("../images/button-spacer.gif");*/
    background-color: green;
    text-align: center;
}

Kan iemand mij uit de brand helpen en deze (soort) margin verwijderen?

[ Voor 29% gewijzigd door GuuZ op 05-04-2003 17:45 ]

[crisp]

tussen je <div> en <img> tags staan spaties; die worden dus ook gewoon gerenderd... Spaties en newlines weghalen dus.

[Verwijderd]

HTML:

#left img { display: block; }

de tussenruimten ontstaan doordat je een return hebt staan na de <div>. Dit wordt gezien als een spatie Met css is dit dus het makkelijkst op te lossen (zie boven). Ook kun je dus je huidige code hierdoor vervangen:

HTML:

<div id="left"><img
 src="images/main-t.gif" alt="main" /><img 
 src="images/main-f.gif" alt="main-foot" />
</div>

succes

edit:
ja crisp, je bent snel
en Blues, het was toch block of ben ik nou gek? oh ja, m'n naam is FoOL, says it all

[ Voor 24% gewijzigd door Verwijderd op 05-04-2003 17:53 ]

[Verwijderd]

code:

img { display:inline; }

zou kunnen helpen...

[GuuZ]

Hartelijk bedankt voor de snelle reacties!

Maar het waren dus de spaties

Hier kan dus een slot op