✔ Abstand nach Grafiken

[Blackylein]

Hi!

Ich bin mir sicher, mein Problem ist ganz banal. Ich komme aber leider nicht auf den Fehler drauf, bitte helft mir

Also, ich habe ein DIV erstellt und wie folgt formatiert:

 background-color:    #808080;
 width:               870px;
 height:              28px;
 border-width:        1px;
 border-color:        #ffffff;
 border-style:        solid;
 margin-top:          10px;

In diesem div, sind jetzt 6 Bilder drin. Das ganze soll ein Menü darstellen. Aber komischerweise sind nach jedem Bild 2 oder 3 Pixel abstand un ich weiß nicht wieso

padding:0
oder margin-right: 0
ooder display: block
hab ich alles schon probiert aber nichts hat geholfen

LG
Bl4cky

 

[Maik]

Wie sieht denn der dazugehörige HTML-Code mit den Grafiken aus?

 

[Blackylein]

der sieht so aus

<a href="index.php"><img src="images/menue_01.jpg"></a>
<a href="index.php?section=schule"><img src="images/menue_02.jpg"></a>
<a href="index.php?section=bildungsangebot"><img src="images/menue_03.jpg"></a>
<a href="index.php?section=menschen"><img src="images/menue_04.jpg"></a>
<a href="index.php?section=termine"><img src="images/menue_05.jpg"></a>
<a href="index.php?section=downloads"><img src="images/menue_06.jpg"></a>

in der CSS hab ich dann noch definiert dass der img-tag eine border von 0 px hat

 

[Maik]

Wenn du die Grafik-Links im HTML-Code untereinander notierst, erzeugen die Zeilenumbrüche (= white spaces) in der Darstellung auch ein Leerzeichen zwischen den einzelnen Elementen.

Probier es daher mal mit folgender CSS-Regel:

a img {
display: block;
float: left;
}

 

[Blackylein]

danke, danke, danke das wars

edit:
ich seh grad im IE is es dadurch noch schlimmer geworden
im Firefox passts aber

 

[Maik]

Ich weiß jetzt nicht, was da im IE schlimmer geworden ist, aber vielleicht bringt der Zusatz margin:0 Abhilfe?

 

[Blackylein]

ja jetzt passts
dankeschön!