Lien div à l'URL externe

Je souhaite que mon div soit cliquable et que je le mette en lien vers une URL externe. Pourquoi ça ne marche pas ou que dois-je faire à la place?Lien div à l'URL externe

html:

<div id="logo_left"> 
    <a href="..external url.."></a> 
</div>

Stylesheet:

#logo_left { 
    //stylestuff 
} 
#logo_left a { 
    display: block; 
    height: 100%; 
    width: 100%; 
}

Source

2011-08-22 bdeonovic

Ce dont vous avez vraiment besoin, c'est du contenu dans votre tag A. Une image, du texte - quelque chose qui indique à l'utilisateur ce que le lien fait réellement. – graphicdivine

Vous ne devriez prendre le <a> et en faire un display: block;

a.block { display: block; height: 100px; width: 100px; }

Working Example

Sinon, si vous utilisez <!doctype html>, vous pouvez envelopper la div dans un <a> et ont cliquable cette façon.

Working Example

Source

2011-08-22 18:45:54

Vous devez ajouter un événement sur la sur la propriété de clic de div

< 

div id="logo_left" onclick="window.redirect=..external url.."> 
  </div>

Source

2011-08-22 18:48:48 Baz1nga

Vraiment pas nécessaire. HA html5 specs permettre '

' –

HAs cette question a été taggée en html5 .. Hv nous avons soudainement cessé de supporter toutes les autres versions http .. C'est fou! – Baz1nga

Ne votez pas bas sur ce que vous pensez est bon .. Den vote si elle est incorrecte .. – Baz1nga

Vous n'avez pas besoin de JavaScript pour créer un lien vers une URL spécifique il suffit d'utiliser l'adresse complète à partir de http:

<div id="logo_left"> 
    <a href="http://www.external-url.com"></a> 
</div>

Source

2012-09-20 13:47:56 Dave

Vous devrez ajouter de la taille à la 'div', ou il aura une hauteur et largeur de 0px, et ne pas être visible. –

Lien div à l'URL externe

Répondre

Questions connexes