Changer bouton lorsque souris passe dessus
Résolu/Fermé
mat08
Messages postés
322
Date d'inscription
mercredi 11 août 2010
Statut
Membre
Dernière intervention
31 mai 2014
-
23 déc. 2011 à 12:39
stres - 30 janv. 2015 à 14:17
stres - 30 janv. 2015 à 14:17
A voir également:
- Changer bouton lorsque souris passe dessus
- Piratage facebook changer mot de passe - Guide
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Quelle touche pour débloquer la souris ? - Guide
- Voir mot de passe wifi android - Guide
2 réponses
Stéphane18
Messages postés
372
Date d'inscription
jeudi 3 mars 2011
Statut
Membre
Dernière intervention
20 février 2019
132
23 déc. 2011 à 12:59
23 déc. 2011 à 12:59
Salut, effectivement ton code n'est pas super propre voir même...
Je te propose de tester une autre méthode:
Le html:
Et le css:
Je te propose de tester une autre méthode:
Le html:
<div id="mon_bouton">
<a href="ton_lien" title="Ton titre"></a>
</div>
Et le css:
#mon_bouton a
{
width: ??px; /*La largeur de l'image*/
height: ??px; /*La hauteur de l'image*/
display: block;
background-image: url("images/premiere-image.jpg"); /*On affiche la première image*/
}
#mon_bouton a:hover
{
width: ??px; /*La largeur de l'image*/
height: ??px; /*La hauteur de l'image*/
background-image: url("images/fond-actif.jpg"); /*On affiche la deuxième image au passage de la souris*/
}
prosthetiks
Messages postés
1189
Date d'inscription
dimanche 7 octobre 2007
Statut
Membre
Dernière intervention
12 juin 2020
431
Modifié par prosthetiks le 23/12/2011 à 13:02
Modifié par prosthetiks le 23/12/2011 à 13:02
Hello,
Voici un exemple:
++
Voici un exemple:
<html>
<head>
<title></title>
<style type="text/css" media="screen">
#bouton{
background:url('http://eu.blizzard.com/store/_images/fr-FR/nav-bar.gif') no-repeat 0 0;
height:83px;
width:152px;
}
a:hover #bouton{
background-position: 0 -83px;
}
</style>
</head>
<body>
<a href="#">
<div id="bouton">
</div>
</a>
</body>
</html>
++
23 déc. 2011 à 13:04
Sinon il n'y aura que le texte du bouton qui sera cliquable, ce qui n'est pas le but.
23 déc. 2011 à 13:18
Pourriez-vous me faire un modèle svp ?
23 déc. 2011 à 13:29
30 janv. 2015 à 14:17