✔ Div einen Link zuweisen

[lisali]

Hallo,

wie kann ich einem ganzen Div Container einen Link zuweisen? Also, dass wenn man mit der Maus drüber ist, es ein Link ist.

 

[Jan-Frederik Stieler]

Hi,
indem du ein a-Element reinschreibst.

Viele Grüße

 

[lisali]

In das <div> ?

Das möcht ich aber nicht...

Ich will, dass der ganze Container ein Link ist.

 

[Maik]

Hi,

das funktioniert mittels der display:block-Eigenschaft für das Inline-Element <a>:

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

div {
border:thin solid #ccc;
}
div a {
display:block;
height:100%;
background:#eee;
}
div a:hover {
background:#ddd;
}

mfg Maik

 

[Jan-Frederik Stieler]

Mensch, Maik. Gib einem doch auch mal ne Chanche .

 

[Maik]

Sorry... :-(

mfg Maik

 

[lisali]

Okay, danke.

Und was ist mit anderen Elementen in diesem Div? Also, wenn es z.B. Bilder dort drin gibt, die auch verlinkt sind?

 

[Maik]

Sollen diese das Elternelement ebenfalls ausfüllen? Oder worauf willst du mit deiner Frage hinaus?

mfg Maik

 

[lisali]

Ach, ich wollt eigentlich nur wissen, ob z.B. ein Bild, dass auch in ein extra <a> drin ist, einen seperaten Link hat, wenn man drüberfährt... aber hab es gerade ausprobiert und es klappt. Jedenfalls im FF. Dankeschön.

Hmm... obwohl ich merke gerade, dass das doch gar nicht klappt. Dann wird jeder einzelne Link in ein Block gepackt... das ist doof.

 

[Maik]

Falls sich in dem DIV mehrere Links befinden, von denen nur eine bestimmte Anzahl als Block erscheinen sollen, spezifizierst du eben obige Regel.

Hier zum Beispiel mit Hilfe eines Klassenbezeichners, sofern die Formatierung für mehrere Elemente gelten soll:

<div>
    <a href="#" class="block">link 1</a>
    <a href="#">link 2</a>
    <a href="#" class="block">link 3</a>
</div>

div {
border:thin solid #ccc;
}
div a.block {
display:block;
background:#eee;
}
div a.block:hover {
background:#ddd;
}

mfg Maik