✔ Gesamtes DIV mit Link belegen

[Sebigf]

Hallo zusammen !

Ich habe eine Navigation gebaut, welche aus DIV besteht. Nun ist es so, dass das gesamt DIV sich äußerlich ändern soll (BG-Image, Linkfarbe etc.). Nur leider wird die Linkfarbe nicht abgeändert, weil dieser eine eigene Klasse hat (a.muh:hover...)

Nun wollte ich das gesamt DIV in den Link hauen:

<a href="#"><div>inhalt</div></a>

Nur leider sagt mir der HTML Validator, dass es nicht Valid ist. Was kann ich tun ?

Danke

 

[Maik]

Ein Block-Element (wie z.B. das DIV) darf nicht innerhalb eines Inline-Elements notiert werden - daher auch die Validator-Fehlermeldung.

Du kannst den gewünschten :hover-Effekt doch direkt auf den Link anwenden.

 

[flooo]

einfach div um a oder div ganz weglassen und dann für a display: block setzen und alle hovereffekte und so weiter. dann verhält sich a wie ein Blockelement, im Prinzip wie ein div
flooo

 

[Sebigf]

Du kannst den gewünschten :hover-Effekt doch direkt auf den Link anwenden.

Wie meinst du das genau ?

<a class="muh" href="#"> inhalt </a>

a.muh:hover { ... }

Meinst du das so ?

 

[Gumbo]

Genau so wird Michael das gemeint haben. Dass sich ein Inline-Element wie ein Block-Level-Element verhält, kann übrigens auch mit CSS erzielt werden:

display:block

 

[Maik]

Wie meinst du das genau ?

<a class="muh" href="#"> inhalt </a>

a.muh:hover { ... }

Meinst du das so ?

Ja, so habe ich es gemeint, eben, wie es meine beiden Vorredner bestätigt haben, in Verbindung mit display:block, damit sich das Inline-Element a wie das Block-Element div verhält, und dessen Boxmodell-Eigenschaften annimmt.