<li> mit <a> verlinken funktioniert nicht?!
 

Hallo zusammen,

ich würde gerne den Inhalt in einem <li> TAG mit <a href=""> verlinken.

Also so in etwa:

<ul>
<a href="#"><li><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</li></a>
<a href="#"><li><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</li></a>
<a href="#"><li><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</li></a>
<a href="#"><li><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</li></a>
</ul>

Leider scheint das Ganze nicht korrekt zu funktionieren. Ist das Ganze denn rein theoretisch möglich?

Meine HTML Ausgabe mit obigen HTML Code:
<ul>
<a href="#"></a><li><a href="#"><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</a></li><a href="#"></a>
<a href="#"></a><li></a><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</a></li><a href="#"></a>
<a href="#"></a><li></a><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</a></li><a href="#"></a>
<a href="#"></a><li></a><h3>Titel</h3><img src="xxxx.gif" />Text Text Text</a></li><a href="#"></a>
</ul>

Würde mich über Eure Hilfe sehr freuen!

Viele Grüße,
Florian

Eine UL darf nur LI enthalten, die dann aber auch A. Also verschachtel korrekt und setze Dein A dann auf display: block und schon bekommt es die selbe Größe wie das LI. Oder erkläre genauer, was Du erreichen möchtest, es gibt bestimmt noch andere Möglichkeiten.

Habe es jetzt anderweitig lösen können. display:block; stand schon drin. Habe jetzt dem a TAG eine Höhe zugewiesen, dann gings. Ging um folgende Seite:

Nahrungsergänzung kaufen im LR Shop Schoen-Gesund.net

Also ich glaube nicht, dass eine <h3> in einem a erlaubt ist. Ansonsten schaut das ja nicht schlecht aus.

Korrekt. Inlinelemente dürfen keine Blockelemente umschließen, das ist nicht valides HTML. ;)

Zum Beweis: http://validator.w3.org/check?verbos...A%3A%3A10.html :D