Faire un hover souris sur le fond d'un DIV ?

Résolu/Fermé

Utilisateur anonyme - 7 août 2008 à 13:23
Utilisateur anonyme - 7 août 2008 à 18:37

Bonjour,

Je pense que ça doit être assez simple, mais je ne sais pas comment
faire.

J'ai fait sur ma page d'accueil, 4 DIV représentant les parties
principales de mon site. Dans ces DIV, j'ai des liens. Le hover
sur les liens marche très bien.

Mais ce que j'aimerais faire, c'est un hover qui englobe tous le fond
du DIV (et pas seulement le texte du lien)

Est-ce quelqu'un pourrait m'expliquer pas à pas et de façon claire,
comme je fois faire ?

A moins, au lieu de mettre le lien sur le texte, rattacher le lien (href....)
au background color ou fond du DIV ?

Merci de votre aide

A voir également:

Faire un hover souris sur le fond d'un DIV ?
Comment débloquer la souris d'un ordinateur portable - Guide
Autoclick souris - Télécharger - Divers Utilitaires
Comment retrouver le curseur sans souris - Guide
Souris inversée - Guide
Pointeur souris - Guide

2 réponses

Réponse 1 / 2

gaerebut Messages postés 1017 Date d'inscription mardi 30 octobre 2007 Statut Membre Dernière intervention 22 novembre 2013 171
7 août 2008 à 13:28

Salut,

essaye ça

<div id="div1">
<a href="url_de_ta_page" onmouseover="javascript: document.getElementById('div1').style.border='1px dotted black'">Texte</a>
</div>

Dis-moi si ça marche et je t'explique après !

A+

Gaerebut

Réponse 2 / 2

Kcazer Messages postés 26 Date d'inscription lundi 5 mai 2008 Statut Membre Dernière intervention 13 août 2008 21
7 août 2008 à 15:20

Bonjour,

Le xhtml:

<div id="div1">
 <a href="...">...</a>
 ...
</div>
<div id="div2">
 <a href="...">...</a>
 ...
</div>

et le css correspondant:

#div1 { background:url(image_div1.jpg); }
#div1:hover { background:url(image_div1_hov.jpg); }
#div2 { background:url(image_div2.jpg); }
#div2:hover { background:url(image_div2_hov.jpg); }

Ca devrait fonctionner :]

Utilisateur anonyme
7 août 2008 à 18:37

Merci beaucoup,

ton instruction marche bien

En fait, je n'ai pas trop fait attention, il suffisait que j'enlève le petit
a de mon hover, pour qu'il s'applique au DIV et non au lien.
Enfin, c'est grâce à ton instruction que je l'ai compris

merci encore
Bonne soirée

Discussions similaires

Roulette de souris qui change le son ???

Fond d'écran rogné et zoomé

j'ai perdu la clé usb de la souris sans fils

Comment changer le sens de la souris avec un double écran ?

Ma souris ne s'étend pas sur mon deuxième écran

Discussions similaires

Newsletters