Detlef G.: code falsch? :-/

Beitrag lesen

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!