nicht angemeldet
Hallo,
ich hab versucht mit hilfe von display: block einen überroll-effekt für links zu erstellen. Wenn ich auf http://test.freie-geister.de/index.php geht und dann auf einen der dunkel unterlegten links, merkt ihr, dass sich die größe der tabellenzeile ändert.
Ich meine, dass hier der Einsatz einer Tabelle zu den von dir beschriebenen Problemen führt. Diese Tabelle ist allerdings nach meiner Meinung überflüssig. Deine Links sind doch bereits Blocklevel-Elemente, wozu brauchst du da noch die Tabelle? Also versuche ganz einfach mal, die Tabelle rauszuschmeißen, das Ganze könnte vereinfacht etwa so aussehen:
-- CSS Datei --
a.navbar:link {
display:block;
width:100px;
color:#000;
background-color:#fff;
...
}
a.navbar:hover {
color:#fff;
background-color:#000;
...
}
-- HTML-Datei --
...
<a class="navbar" href="#">Menü 1</a>
<a class="navbar" href="#">Menü 2</a>
...
Siehe: http://css.fractatulum.net/sample/hov2format2.htm
Solltest du allerdings auf die Tabelle nicht verzichten wollen, könntest du die Tabellenzellen statt der Links mit einem Hover-Effekt versehen. Das wäre allerdings keine besonders gute Lösung, da der Hover-Effekt nicht in allen Browsern funktionieren wird.
Hoffe es hilft
Torsten