Thiemo: horizontale liste mit bildern...

Beitrag lesen

Ich weiß nicht genau, wie es am Ende aussehen soll, aber vielleicht hilft dir das weiter. Dein Fehler war unter anderem, dass du mehrere floats ineinander verschachtelt hast.

<ul id="navlist">
<li>
<a href="#"><img width="140" src="Bild1.gif" />Auswahl-1</a>
</li>
<li>
<a href="#"><img width="140" src="Bild2.gif" />Auswahl-2</a>
</li>
<li>
<a href="#"><img width="140" src="Bild3.gif" />Auswahl-3</a>
</li>
<li>
<a href="#"><img width="140" src="Bild4.gif" />Auswahl-4</a>
</li>
</ul>

#navlist li
{
 float: left;
 list-style-type: none;
 margin: 0 1em 0 0;
 width: 140px;
}

#navlist a
{
 display: block;
}

#navlist a img
{
 display: block;
}

ul#navlist
{
 margin: 0;
 padding: 0;
 white-space: nowrap;
}

#navlist a:link
{
 background-color: #f2f2f2;
}