CSS: Pb de rollover
Fermé
jakkihm
Messages postés
134
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
17 mai 2016
-
15 déc. 2006 à 19:37
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 - 16 déc. 2006 à 01:14
Ssylvainsab Messages postés 2884 Date d'inscription samedi 29 juillet 2006 Statut Modérateur Dernière intervention 15 août 2020 - 16 déc. 2006 à 01:14
A voir également:
- CSS: Pb de rollover
- Enlever couleur lien css ✓ - Forum CSS
- Css download - Télécharger - HTML
- Css exposant ✓ - Forum CSS
- Code source cv html css pdf - Forum HTML
- Déplacer une image css - Forum CSS
7 réponses
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
15 déc. 2006 à 20:42
15 déc. 2006 à 20:42
Bonjour,
Essaye après avoir supprimé
Essaye après avoir supprimé
<img src="Accueil_1.gif">?
jakkihm
Messages postés
134
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
17 mai 2016
6
15 déc. 2006 à 21:07
15 déc. 2006 à 21:07
Gihef,
Si je fais ce que tu dis, l'image du bouton disparaît complètement.
Si je fais ce que tu dis, l'image du bouton disparaît complètement.
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
15 déc. 2006 à 22:56
15 déc. 2006 à 22:56
Bonsoir.
Ce doit être parce que le a ne prend pas de place quand il n'y a aucun texte.
Essaye ce code CSS :
(en enlevant la balise img)
Ce doit être parce que le a ne prend pas de place quand il n'y a aucun texte.
Essaye ce code CSS :
(en enlevant la balise img)
.ro{background:url('Accueil_1.gif') no-repeat center}
.ro:hover{background:url('Accueil_2.gif') no-repeat center}
.ro,.ro:hover{display:block;margin:0;padding:0}
jakkihm
Messages postés
134
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
17 mai 2016
6
15 déc. 2006 à 23:58
15 déc. 2006 à 23:58
Sylvain,
Merci pour ton coup de main, mais toujours pas d'image visible avec le code que tu m'as fourni.
Merci pour ton coup de main, mais toujours pas d'image visible avec le code que tu m'as fourni.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
16 déc. 2006 à 00:01
16 déc. 2006 à 00:01
Même en enlevant la balise img du code xhtml ?
jakkihm
Messages postés
134
Date d'inscription
vendredi 13 octobre 2006
Statut
Membre
Dernière intervention
17 mai 2016
6
16 déc. 2006 à 00:09
16 déc. 2006 à 00:09
Sylvain,
Afin d'être sûr que nous nous comprenons, voici mon code à présent:
HTML:
CSS:
Afin d'être sûr que nous nous comprenons, voici mon code à présent:
HTML:
<a href="#" class="ro"></a>
CSS:
.ro { background:url('Accueil_1.gif') no-repeat center }
.ro:hover { background:url('Accueil_2.gif') no-repeat center }
.ro, .ro:hover { display:block; margin:0; padding:0 }
Ssylvainsab
Messages postés
2884
Date d'inscription
samedi 29 juillet 2006
Statut
Modérateur
Dernière intervention
15 août 2020
825
16 déc. 2006 à 01:14
16 déc. 2006 à 01:14
Essaye en mettant ca à la dernière ligne :
.ro,.ro:hover{display:block;margin:0;padding:0;width:largeurdelimagepx;height:hauteurdelimagepx}
(en supposant que Accueil 1_l et 2.gif fassent la même taille)
Par exemple si les images font 10 pixels de large et 20 de long :
.ro,.ro:hover{....width:10px;height:20px}
.ro,.ro:hover{display:block;margin:0;padding:0;width:largeurdelimagepx;height:hauteurdelimagepx}
(en supposant que Accueil 1_l et 2.gif fassent la même taille)
Par exemple si les images font 10 pixels de large et 20 de long :
.ro,.ro:hover{....width:10px;height:20px}
