Lien en pleine div - html et css

Question

Un texte

.sliderPart { 
    width: 25%; 
    height: 100%; 
} 

.sliderPart a { 
    display:block; 
    position:relative; 
    text-decoration:none; 
    height: 100%; 
    font: 1.3em Arial, Sans-serif; 
} 

Comment puis-je faire mon lien cliquable pour tous les div-région?

Answer 1

Mettez le lien en dehors de la div. Vous pouvez faire en sorte qu'une balise d'ancrage agisse de la même manière qu'une div. Comme vous le faites dans le css que vous avez posté.

Answer 2

La chose la plus facile est d'enlever la div tout:

<a href="#computers" class="sliderPart"> 
    <strong>Some text</strong> 
</a> 

a.sliderPart { 
    ... 
} 

Answer 3

Pour les listes déroulantes, j'utilise la méthode suivante un lot ...

Si vous n'êtes pas opposé à l'aide de scripts, vous peut faire du div lui-même un proxy de sorte que si vous cliquez n'importe où sur le div, le premier lien dans ce div est ensuite cliqué automatiquement.

$(".sliderPart").bind("click", function(){ 
    $("a:first", this).trigger("click"); 
}); 

Bien sûr, vous souhaitez mettre à jour vos styles pour la div lorsque vous passez la souris dessus pour indiquer la chose entière est cliquable.

Answer 4

Essayez ceci:

..you'd aussi besoin de donner cursor: pointer à l'élément cliquable.