Etendre la zone cliquable de liens. Possible?

Fermé
pierre - 25 juin 2012 à 21:22
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 25 juin 2012 à 21:41
Bonjour, je m'explique, j'ai un site internet ou les boutons sont nus à la base et font partie du design du site, j'y ai donc ajouté le texte en HTML, mais ce qui me gêne c'est que lorsque l'on veux utiliser un bouton, il faut se placer bien sur le texte afin que le lien marche.... C'est pourquoi , je me demandais si il y avait une manière "d'étendre la zone cliquable des liens" J'ai vu des chose sur internet du genre créer un <div> cliquable ou je sais pas trop quoi mais cette idée ne m'enchante guère. J'avais pensé à faire les boutons directement en image PNG mais alors je ne pourrai plus leur affecter de a:Hover par exemple.

Voilà, si vous avez des idées pour moi.... Si vous voulez je peux vous mettre une partie de mon code.


1 réponse

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
25 juin 2012 à 21:26
Salut,

Vous pouvez faire un "hover" sur une image sans problème ou utiliser une liste comme menu et "jouer" tout simplement avec le "padding" et "margin" pour étendre la zone du lien.
1
je vais essayer de "jouer" tout simplement avec le "padding" et "margin" Merci je vous dit tout de suite si ça marche
0
Merci, c'est exactement ce que je cherchais à faire, j'ai tout simplement fait ainsi
font-size: large ;
color: white;
text-decoration: none ;
padding-bottom: 10px ;
padding-top: 10px ;
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
25 juin 2012 à 21:41
padding : 10px 0; devrait donner le même résultat.
0