Div entier en tant que lien?
Je veux utiliser un div en entier comme un lien.. sans l'utilisation de "onclick"
Est-ce possible avec un simple href
?
Grâce
source d'informationauteur Latox | 2011-01-13
Vous devez vous connecter pour publier un commentaire.
Non,
div
éléments ne peuvent pas avoir lehref
attribut, ni qu'ils agissent comme des liens. Vous pouvez utiliser les éléments suivants dans HTML5:Cependant, pas tous de la génération actuelle des navigateurs (notamment Firefox 3.6) prend en charge cette. L'autre alternative est d'ajouter un positionnement absolu
a
élément qui a 100% de la largeur et de la hauteur de ladiv
:Ceci est valable HTML4, mais il ne fonctionne pas sur les anciennes versions d'IE, bien sûr. Sinon, il accomplir ce que vous voulez. Voir: http://www.jsfiddle.net/uRh7j/
vous ne pouvez pas. mais vous pouvez utiliser un
<a>
avecstyle="display:block"
qui doit se comporter exactement comme un<div>
pour remplacer votre<div>
réponse simple est non, vous pouvez utiliser
onclick
avec csscursor:pointer
pour obtenir la même fonctionnalité, mais.Par la spécification HTML (HTML 4.01, Projet de 5 et XHTML 1,1.1) une balise d'ancrage
<a>
ne peut joindre un<div>
tag.Envelopper un point d'ancrage autour d'elle.
Je ne pense pas que ce soit possible sans l'utilisation d'événement onclick.Vous pouvez utiliser
display:block;
pour afficher le lien dans les div, mais rien d'autre.pourquoi ne pas vous utilisez le framework javascript comme jquery, laissez la div n'a pas d'événement onclick, mais déclarer un événement dans jquery, par exemple ceci:
juste mes 2 cents. merci.
Vous pouvez accomplir cela en créant une image PNG transparente (disons, de 10px * 10px) et à l'aide de CSS pour définir la largeur et la hauteur de la PNG à 100%. Ensuite, vous pouvez enrouler le
img
avec le tag avec votrea href
tag.Voici le code HTML:
Voici le CSS:
Ceci est particulièrement utile si
#YourHeader
est vidediv
dont le seul but est d'afficher une image d'en-tête via sonbackground-image
attribut.