Faire un hover souris sur le fond d'un DIV ?
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
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
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
- Comment faire apparaître le curseur sans souris - Guide
- Comment mettre une vidéo en fond d'écran - Guide
- Comment mettre un fond de couleur sur libreoffice writer - Guide
- Souris ordinateur - Guide
2 réponses
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
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
Bonjour,
Le xhtml:
et le css correspondant:
Ca devrait fonctionner :]
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 :]