Ausgabebereich soll LINK werden und beim Hover farbe ändern

[Fin]

Ich habe einen Bereich den ich Ausgabe genannt habe.
Ich würde gerne den ganzen Bereich als Link haben und beim Hover soll er sich auch noch einfärben. Aber ich glaube da ist irgendwo der Wurm drin.

Fin

.ausgabe
{
display:block;
background:#0000CD;
height:200px;
width:200px;
padding:10px;
}

ausgabe a:hover
{
background:#FF0000;
}

<div class="ausgabe">
<a href="URI">
<h3>Titel</h3>
<p>text text text text text text</p>
</a>
</div>

[Kai]

So wird ein Schuh draus

ausgabe:hover {
    background:#FF0000;
}

[Tabellenkalk]

Hallo,

Aber ich glaube da ist irgendwo der Wurm drin.

dein Wurm ist ein fehlender Punkt.

Aber ich frage mich bzw. dich, ob das div wirklich nötig ist.

Gruß
Kalk

[MudGuard]

Hi,

<div class="ausgabe">
<a href="URI">
<h3>Titel</h3>

Zumindest in HTML 4.01/XHTML 1.0 ist das a-Element vor dem h3-Element zu Ende, da a keine block-Elemente enthalten darf (ob das in HTML5 immer noch so ist, weiß ich nicht).

cu,
Andreas

[Gunnar Bittersmann]

@@MudGuard:

nuqneH

Zumindest in HTML 4.01/XHTML 1.0 ist das a-Element vor dem h3-Element zu Ende, da a keine block-Elemente enthalten darf (ob das in HTML5 immer noch so ist, weiß ich nicht).

Nicht mehr so.

Qapla'