CSS image qui s'agrandit à l'hover
Résolu/Fermé
A voir également:
- CSS image qui s'agrandit à l'hover
- Comment agrandir une image - Guide
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image iso windows 10 - Guide
- Image en 3d qui bouge - Télécharger - Thèmes & Fonds d'écran
7 réponses
Remad
Messages postés
1662
Date d'inscription
mardi 27 mai 2008
Statut
Membre
Dernière intervention
27 juillet 2012
706
26 juin 2008 à 13:51
26 juin 2008 à 13:51
Tu as fait un style pour une balise <A>. Essaye de mettre
.boutonhov input:hover
{
width: 100;
height: 100;
}
.boutonhov input:hover
{
width: 100;
height: 100;
}
Merci d'avoir répondu si vite! :)
J'ai essayé, ça ne marche pas mais c'est vrai que ça semble plus logique...
Html :
CSS:
Merci encore
J'ai essayé, ça ne marche pas mais c'est vrai que ça semble plus logique...
Html :
<input class="boutonhov" name="submit" type="image" title="Recherche" src="img/search.png" align="baseline" width="42">
CSS:
.boutonhov input:hover
{
width: 100;
height: 100;
}
Merci encore
Mat$on
Messages postés
98
Date d'inscription
vendredi 6 juin 2008
Statut
Membre
Dernière intervention
31 mars 2009
9
26 juin 2008 à 14:01
26 juin 2008 à 14:01
Et si tu mets plutot comme ceci:
.boutonhov input:hover
{
width: 100px;
height: 100px;
}
.boutonhov input:hover
{
width: 100px;
height: 100px;
}
Ah oui j'y avais pas pensé... Mais ça marche toujours pas :s ... Vraiment bizarre
En tout cas merci pour vos réponses aussi rapides
Amélie
En tout cas merci pour vos réponses aussi rapides
Amélie
Remad
Messages postés
1662
Date d'inscription
mardi 27 mai 2008
Statut
Membre
Dernière intervention
27 juillet 2012
706
26 juin 2008 à 14:10
26 juin 2008 à 14:10
Je pense que c'est du au fait que le CSS ne doit pas pouvoir modifier la taille des boutons ou une autre connerie dans ce genre...
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Si tu testes sur IE c'est normal que ça ne marche pas. Parce qu'il beaucoup de mal avec les hover. Il faut rajouter un bout de code pour qu'il les comprenne.
Si tu testes sur Firefox alors je sais pas du tout d'où peut venir le problème. A moins que ton liens soit lui même dans un div avec une taille définie.
Si tu testes sur Firefox alors je sais pas du tout d'où peut venir le problème. A moins que ton liens soit lui même dans un div avec une taille définie.
Merci pour vos réponses mais j'ai trouvé.
En fait ou ça marche sous FireFox j'avais pas testé :s
Mais sous IE ça marchait pas donc ce que j'ai fait, pour ceux que ça pourrait intéresser, c'est juste rajouter onMouseOver comme suit:
Merci encore à tous pour vos réponses et bon après-midi :)
PS: je sais pas comment on met résolu? :s
En fait ou ça marche sous FireFox j'avais pas testé :s
Mais sous IE ça marchait pas donc ce que j'ai fait, pour ceux que ça pourrait intéresser, c'est juste rajouter onMouseOver comme suit:
<INPUT name="submit" type="image" title="Recherche" src="img/search.png" width="42" align="baseline" onMouseOver="width='100';">
Merci encore à tous pour vos réponses et bon après-midi :)
PS: je sais pas comment on met résolu? :s