Störende Abstände zwischen Bildern

[TobiasGast]

Moin zusammen!
Ich habe ein Menü mit OnMouseOver-Spielkram erstellt. Leider wird im InternetExplorer zwischen den Bildern ein weißer Abstand angezeigt.

http://www.welches-modell.de/chins/kaefig1.html

Wer das Menü korrekt angezeigt bekommt, kann die falsche Darstellung hier ansehen:
http://www.welches-modell.de/chins/abstand.jpg

Wer weiß Rat?

Vielen Dank!
Grüße
Tobi

[Gernot Back]

Hallo TobiasGast,

http://www.welches-modell.de/chins/kaefig1.html

Wer das Menü korrekt angezeigt bekommt, kann die falsche Darstellung hier ansehen:

Es fällt auf, dass du in deinem Quellcode manchmal Umbrüche zwischen den <td>(</td>)- und den <a>(</a>)-Tags hast, manchmal nicht. Wenn du deinen Bildern in der Tabelle aber allesamt display:block verpasst, sollte es egal sein:

td img { display:block; }

Gruß Gernot

[TobiasGast]

Moin Gernot!
Vielen Dank erstmal, da ich nicht genau wusste, wo ich diese Zeile einfüge, habe ich etwas gegoogelt und u.a. auch das hier gefunden:

----------------------------------------------------------------------
In HTML alle Leerzeilen und Zeilenumbrüche im Quelltext zwischen <td> und </td> entfernen:
Statt so: <td> <img src="..." alt="..."> <td>
unbedingt so:
<td><img src="..." alt="..."><td>

Quelle: http://www.tiptom.ch/homepage/faqs.html#tdimg
----------------------------------------------------------------------

Das hat mein Problem eigentlich schon gelöst (Test mit IE zeigte keine Ränder mehr). Kannst Du mir trotzdem verraten wie und wo ich das

"td img { display:block; }" genau unterbringe?

die Links habe ich ja aus reinem html gemacht. Mein Browser erkennt das als normale Textzeile:

http://www.welches-modell.de/chins/kaefig4.html

Aber nicht lachen ;)

[Anton Brass]

Du verpasst dem img-Tag das style='display:block'
<img src='..' alt='...' style='display:block'>

Gruß

Anton

[TobiasGast]

Du verpasst dem img-Tag das style='display:block'
<img src='..' alt='...' style='display:block'>

Moin!
Danke, in der Syntax kommts mir auch gleich wieder bekannt vor (mit CSS hab ich nämlich noch gar nichts gemacht. Vielen Dank!!

[Detlef G.]

Hallo Tobias

Das hat mein Problem eigentlich schon gelöst (Test mit IE zeigte keine Ränder mehr). Kannst Du mir trotzdem verraten wie und wo ich das

"td img { display:block; }" genau unterbringe?

Dazu empfehle ich dir Stylesheets in HTML einbinden

Vielleicht solltest du dir auch Grundgerüst einer HTML-Datei ansehen.

Auf Wiederlesen
Detlef