Link auf DIV Container setzen
 

Hallo zusammen, wie schaffe ich es, einen Link auf einen kompletten DIV Container zu setzen, anstatt nur auf den Inhalt (z.B. 5 Zeichen Text), also so, wie es bei Bildern quasi funktioniert ?!

Bisher habe ich kein brauchbares ergebniss erhalten.

Greets

Hallo,

eine nicht sehr saubere, aber einfache Lösung wäre die hier...

in diesem header ist das Logo, damit kann der User immer wieder zur Startseite zurück... Diese Lösung ist nicht valide, funktioniert aber wie gesagt.

Gruß
TODO:)

Links können nur Inline-Elemente enthalten und Bilder sind Inline-Elemente, deshalb ist ein Link auf dem Bild überhaupt nicht mit einem "Link auf einem DIV" vergleichbar, da DIVs Block-Elemente sind.

Wenn der Inhalt deines DIVs nur Inline-Elemente enthalt, oder du statt vorhandere Block-Elemente Inline-Elemente verwenden könntest, dann setzte einfach den Link statt des DIVs und style es entsprechend, z.B:

Wenn aus semantischen Gründen Block-Elemente verwendet werden müssen, dann bléibt nur JavaScript.

Robin

Könntest Du uns einen Gefallen tun und nicht nicht solchen Müll weiter zu geben. Leute wie du haben das Web zu dem Müllhaufen gemacht, der es heute ist.

Robin

Und hier ergänze ich mal den entscheidenden Tipp, a als Block darzustellen (display: block), denn dann wird a tatsächlich ein vollwertiger Ersatz für das entfallende div (d.h. es können z.B. auch Breite und/oder Höhe zugewiesen werden).

Danke Danke, genau das wollte ich haben :D

Link als Block-Element werde ich gleich mal ausprobieren.

Genauer Hintergrund an der Stelle ist, dass z.B. in einem Menü, welches aus DIV-Blöcken gleicher Breite besteht, der darin enhaltene und verlinkte Text unterschiedlich breit ist.

Da aber nur der Text in dem DIV letzendlich zum Ziel führt, ist es bei sehr kurzem Text entsprechend nervig, immer genau den Text mit der Maus treffen zu müssen, anstatt dem zum Ziel führenden und dem Anwender/Benutzer gegenüber assozierten "Div-Button".

Merci