Link-hover und -active mit Hintergrund

Status
Nicht offen für weitere Antworten.

Do_0mi

Mitglied
hey,

ich möchte gerne in meiner Navigation (alles mit tables) bei den Links wenn man draufgeht (hover + active), dass dort der Hintergrund in der Reihe, in der der Link ist, mit Farbe gefüllt wird. Es geht auch halbwegs, nur soll die ganze Reihe geändert werden und nicht nur der Link-Hintergrund.
Mein CSS.
HTML:
a.page:link, a.page:visited {text-decoration: none; color:white;}
a.page:hover, a.page:active {color:darkred; background-color: #656565;}

Mein HTML:
HTML:
<TR width=1020>
    <TD WIDTH=176 align="left" valign="top" background="images/ezes_v5_09.gif">
        <img src="images/main.jpg"><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?mod=news&amp;action=recent" class="page"><b>&middot;&nbsp;N</b>ews</a><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?mod=news" class="page"><b>&middot;&nbsp;N</b>ews Archiv</a><br>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="index.php?mod=articles" class="page"><b>&middot;&nbsp;A</b>rtikel</a><br>
.......
    </td>
  </tr>
</table>
Ich hab schon einiges ausprobiert, aber nichts gelang mit Erfolg.

Wo ist der Fehler bzw. was muss ich ändern?
danke schonmal im Vorraus :)

MfG, Do_0mi
 
Moin,

gebe den Links mal das Format display:block(und entferne die Spaces davor und die <br> danach).
Die Links nehmen dann den Platz der ganzen Zeile ein(die Einrückung kannst du dann anstatt der Spaces per padding-left vornehmen,)
 
Status
Nicht offen für weitere Antworten.
Zurück