Thomas Luethi: Unterschied IE <=> NS NAV bei Bildern

Beitrag lesen

Hallo,

<img src="grafik.gif" alt="" style="width:9px; height:9px; ">
<a href="blablabla1.html">Link1</a><br/>
<img src="grafik.gif" alt="" style="width:9px; height:9px; ">
<a href="blablabla2.html">Link2</a><br/>
<img src="grafik.gif" alt="" style="width:9px; height:9px; ">
<a href="blablabla3.html">Link3</a><br/>

Und _wo_ steht das?
Zwischen <p> und </p>?
Oder "nackt" irgendwo in der Gegend?
(Hoffentlich nicht - Du verwendest ja XHTML.)

Läßt man die 3 Bilder weg, dann ist der vertikale Abstand zwischen den Links bei BEIDEN Browsern gleich.

Ich kann es mir auch nicht recht erklaeren.
Bitte stell doch die Seite mal online und
poste hier die URL (als Link)!

---

Das ganze schreit aber foermlich nach einer Liste (<ul>),
und die Grafik kannst Du ja mit CSS zum Listen-Symbol machen.

HTML:
<ul class="bildchenliste">
 <li><a href="seite1.html">Seite 1</a></li>
 <li><a href="seite2.html">Seite 2</a></li>
 <li><a href="seite3.html">Seite 3</a></li>
</ul>

CSS:
ul.bildchenliste { list-style-image:url(grafik.gif); }

Natuerlich ist auch die "pixelgenaue" Listen-Formatierung
mit CSS ein wenig knifflig, aber folgende Links duerften
Dir dabei helfen:
http://selfhtml.teamone.de/css/eigenschaften/listen.htm
http://www.subotnik.net/style/list-box-test.html
http://devedge.netscape.com/viewsource/2002/list-indent/
http://www.alistapart.com/articles/taminglists/
http://css.maxdesign.com.au/listamatic/

Gruesse,

Thomas