Liste innerhalb eines Links

[alexf812]

Hallo,

ich möchte eine Liste (<ul>....</ul>) innerhalb eines Links platzieren, damit beim Überfahren das Links bzw. beim überfahren der gesamten Liste zu einer Seite verlinkt werden kann. Neben der Liste befindet sich noch ein Bild. Es soll also eine anklickabre Fläche entstehen.

Aber innerhalb eines a-Tag ein ul ist ja nicht sehr konform.
Evtl. kommt noch eine Überschrift mit hinein

folgendes geht aber nicht:

<a href=""><h2>....</h2><ul>....</ul><img src="" /></a>

hat jemand ne Idee wie man sowas am besten lösen kann? Müsste man hier jedes Elemt einzeln verlinken? Alles in einem link wär einfach, da man mittels hover auch noch Farben etc. ändenr könnte.

[hero-master]

Moin
so kommste nicht weiter, das stimmt. Mal unabhängig davon, ob es Sinn macht ganze Textblöcke zu verlinken, kannst du das mit JS lösen:

onclick="location.href='seite.htm';"

Du gibst das JS einfach dem Objekt, dass du verlinken möchtest...
Das kannst du dann noch mit CSS so hinbiegen, dass es auch wie ein Link wirkt: Cursor und :hover

[alexf812]

Hi,

es handelt sich hierbei um kleinere Produktbeschreibungen + ein kleines Vorschaubild. Der User soll keinen "mehr" Button zu sehen bekommen, sondern egal wohin er klickt auf die Produktseite gelangen. Das ist eigentlich der hintergrund :-)

Aber mit <div onclick=""> funktioniert es ja....
Die Überschrift innerhalb des div könnte man ja trotzdem normal verlinken für leute die kein JS angeschaltet haben

[Boris]

Ich weiß es nicht mehr genau, aber unter HTML5 ist es glaub ich erlaubt, Blockelemente zu verlinken. Zeit zum testen hab ich jetzt nicht, ich muss erstmal richtig wach werden

[hero-master]

Ich weiß es nicht mehr genau, aber unter HTML5 ist es glaub ich erlaubt, Blockelemente zu verlinken. Zeit zum testen hab ich jetzt nicht, ich muss erstmal richtig wach werden

Stimmt