Mein Code: anständig und sauber?

[Bobby]

Moin

Ich weiß, hierfür sind z.B. Listen per CSS formatiert die viel bessere Art. Nur möchte ich bei dieser Navigation erreichen, dass jede Zelle beim Hover eine andere Farbe erhält. Deshalb mit dieser Tabelle...

Warum sollte das nicht mit listen funktioinieren? Man kann doch auch ul und li-Elementen classen und IDs zuweisen.

Um mal bei deinem Beispiel zu blaiben:

.navi
{
 width:200px;
}
.startseite a, .bilder a
{
   display:block;
   width:190px;
   text-decoration:none;
   color:#FFFFFF;
   background-color:#0099FF;
   padding:5px;
}

.startseite a:hover
{
   color: #33FF66;
   background-color: #CC6633;
}

.bilder a:hover
{
   color: #FFCC66;
   background-color: #990066;
}

<ul class=navi">
    <li class="startseite">
        <a href="http://www.ard.de">Startseite</a></td>
    </li>
    <li class="bilder">
        <a href="http://www.ard.de">Bilder</a></td>
    </li>
</ul>

natürlich muss das Element UL noch entsprechend per CSS modifiziert werden. Aber die Liste wäre sauberer als die Tabelle.

Gruß Bobby