picture picture
octobre 17, 2013 CSS 0 Commentaire

Rendre tout un calque cliquable

lien hypertexteProblème tout simple : comment transformer tout un calque en bouton cliquable ?

Faire un lien sur du texte, c’est le B-A BA du HTML ! Mais la balise <a> étant de type « inline », elle n’est pas utilisable sur un calque <div> qui, lui, est de type « block »…

D’où cette petite astuce CSS pratique :  […]

 

Il est possible de faire de la balise <a> un « block » grâce à la propriété CSS « display:block ».

Puisque cette balise de lien est maintenant un bock, on va maintenant pouvoir lui attribuer une dimension : il ne reste donc plus qu’à faire un lien (sur un texte invisible par exemple) occupant 100% de la surface du calque et le tour est joué :
[codebox 1]

 

 
8)

No Responses to “Rendre tout un calque cliquable”

Commentaire

Name

Mail (ne sera pas publié)

Website

Laisser ces deux champs tels quels :
:D :-) :( :o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: