Ongewilde margin oid naast images

[parm]

Mij werd gevraagd een website te maken voor een metalevenement.

Omdat ik dus een bijpassend (gedownload) lettertype in mijn menu wou, kon ik niet anders dan deze menu-items ook als images op te slaan. Echter, wanneer ik nu deze images naast elkaar zet, komt er een vreemde margin naast, boven en onder mijn images. Hierdoor komt ook de laatste afbeelding op een nieuwe lijn te staan, want ik heb een fixed width (800px)

Plaatje ter verduidelijking

Hoe krijg ik nu deze tussenruimte weg?

nota: in mijn css staat reeds

*{
margin:0;
padding:0;}


en ook dit helpt niet:

#menu img{
float:left;
margin:0;
padding:0;
}

Alvast bedankt

[Currahee]

Als je van de images een link hebt gemaakt, komt er een rand om de images te staan. Om deze rand weg te halen kun je in de #menu img het beste border: 0px; bijplaatsen.
Als het goed is moet het dan werken.

[ Voor 4% gewijzigd door Currahee op 07-02-2009 23:53 ]

[parm]

Currahee schreef op zaterdag 07 februari 2009 @ 23:51:
Als je van de images een link hebt gemaakt, komt er een rand om de images te staan. Om deze rand weg te halen kun je in de #menu img het beste border: 0px; bijplaatsen.
Als het goed is moet het dan werken.

dat weet ik (de rand is dan standaard blauw) en ik heb zelfs nog geen link gemaakt van de images.
Ik kan de ruimte naast de images ook selecteren, het lijkt alsof er een spatie tussen geplaatst wordt.
de html code is nu

<img src="../images/menulinks.gif" alt="menulinks" />
<img src="../images/bands.gif" alt="bands" />
<img src="../images/menu1.gif" alt="menu1" />
<img src="../images/ticketsinfo.gif" alt="tickets and info" />
<img src="../images/menu2.gif" alt="menu2" />
<img src="../images/gallery.gif" alt="gallery" />
<img src="../images/menu3.gif" alt="menu3" />
<img src="../images/about.gif" alt="about" />
<img src="../images/menu4.gif" alt="menu4" />
<img src="../images/links.gif" alt="links" />
<img src="../images/menu5.gif" alt="menu5" />
<img src="../images/contacts.gif" alt="contacts" />
<img src="../images/menurechts.gif" alt="menurechts" />

[ Voor 5% gewijzigd door parm op 08-02-2009 00:11 ]

[mcDavid]

In welke browser krijg je dit?

volgens mij heb ik dit wel eens fout zien gaan doordat een browsers vond dat er whitespace tussen de plaatjes moest als er een enter tussen zit... Opgelost door de plaatjes allemaal display:block en float:left mee te geven...

[parm]

mcDavid schreef op zondag 08 februari 2009 @ 00:33:
In welke browser krijg je dit?

volgens mij heb ik dit wel eens fout zien gaan doordat een browsers vond dat er whitespace tussen de plaatjes moest als er een enter tussen zit... Opgelost door de plaatjes allemaal display:block en float:left mee te geven...

ik kreeg dit in safari, IE7 én firefox.

Maar de oplossing is nabij !

wanneer ik dit doe gebeurt er niks

#menu img{
float:left;
display:block;
}

echter, wanneer ik dit doe

img{
float:left;
display:block;
border-style: none;
}

is het probleem opgelost...

Nu moeten er nog meer images in de content van de site.. Ik zal eens googlen naar wat display:block juist doet en of ik hierdoor eventueel problemen krijg later in deze site (ik heb nu immers alle images display:block gezet)

thx!

[mcDavid]

http://www.w3schools.com/css/pr_class_display.asp