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 activer le pavé tactile sans souris - Guide
Autoclick souris - Télécharger - Divers Utilitaires
Comment faire apparaître le curseur sans souris - Guide
Comment mettre une vidéo en fond d'écran - Guide
Souris inversée - 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

Cellules en surbrillance selon une TextBox

Code source couleur de fond

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