Nabend zusammen,
ich bastel in meiner Freizeit gerne ein bisschen an meiner Homepage rum.Nur leider will meine
Navigationsleiste nicht ganz so wie ich will.
Ich arbeite nicht mit Frames,deshalb besteht meine horizontale Navigationsleiste aus Zeilen.
Das Problem ist nun das ich für den "Hover-Effekt",display:block angeben muss.Somit wird ja wenn ich
das richtig verstanden habe eine neue Zelle für das Element erzeugt und in dieser Zelle ist der Text
am oberen Tabellenrand ausgerichtet und nicht mittig so wie ich es möchte.
Quelltext HTML(Navigationsleiste):
<tr>
<!--navigation-->
<td height="35">
<table class="navi">
<tr class="navigation">
<td class="button"><a href="Aktuelles.html">AKTUELLES</a></td>
<td class="button"><a href="Profil.html">PROFIL</a></td>
<td class="button"><a href="Schule.html">SCHULE</a></td>
<td class="button"><a href="Homepage.html">HOMEPAGE</a></td>
</table>
</td>
</tr>
--------------------------------
Quelltext CSS:
table.navi { background-color:#09F; width:100%; height:100%; table-layout:fixed; }
tr.navigation { font-family:Verdana, Geneva, sans-serif; font-size:12px; vertical-align:middle; text-align:center; letter-spacing:0.3em; background-color:#FFF; height:100%; width:100%; color:#000; }
td.button a { background:#FFF; height:100%; display:block; color:#000; text-decoration:none; }
td.button a:hover { background:#CCC; height:100%; display:block; color:#000; text-decoration:none; }
td.button a:visted { background:#FFF; height:100%; color:#000; text-decoration:none; }
-------------------------------
lg.