Hallo h4rl3kin
<td onMouseOver="this.background='http://h4rl3kin.h4.funpic.de/img/tdbg.gif'" onMouseOut="this.background='http://h4rl3kin.h4.funpic.de/img/navbg.gif'" onClick="javascript:window.location.href('http://h4rl3kin.h4.funpic.de/index.html');" align="left" height="1" width="148" style="border-bottom:1px solid black; border-top:1px solid black; cursor: hand; padding-left:25px; padding-top:3px; padding-bottom:3px; font-family: Tahoma; text-decoration:none; font-size: 11px; font-weight: bold; color:#FFFFFF;">Home / News</td>
Was soll dieser Quatsch?
Wenn du einen Link willst, dann schreibe einen Link!
Wie du den Link dazu bekommst, dass er die ganze Tabellenzelle einnimmt
wurde dir in https://forum.selfhtml.org/?t=97474&m=593349 bereits
gepostet.
Wenn dir an Gernots Empfehlung etwas nicht klar war, hättest du dort weiter
fragen können.
So könnte es ausssehen:
<td><a href="http://h4rl3kin.h4.funpic.de/index.html" class="Nav">Home / News</a>
</td>
und in dein CSS fügst du ein:
a.Nav {
display:block;
width:148px;
border-bottom:1px solid black;
border-top:1px solid black;
padding:3px 0 3px 25px;
font-family: Tahoma;
text-decoration:none;
font-size: 11px;
font-weight: bold;
color:#FFFFFF;
background-image:url(http://h4rl3kin.h4.funpic.de/img/navbg.gif);
}
a.Nav:hover {
background-image:url(http://h4rl3kin.h4.funpic.de/img/tdbg.gif);
}
Dabei kannst du das noch vereinfachen, indem du das weglässt, was in deinem
bisherigen CSS bereits für a steht. Außerdem frage ich mich, warum du
mehrere CSS-Bereiche definiert hast.
Auf Wiederlesen
Detlef
- Wissen ist gut
- Können ist besser
- aber das Beste und Interessanteste ist der Weg dahin!