CSS image qui s'agrandit à l'hover Résolu

Question

Bonjour,
J'aimerais agrandir une image quand on passe au dessus avec la souris mais j'ai un petit soucis... Voici la balise de départ :

<input name="submit" type="image" title="recherche" src="img/search.png" align="baseline" width="42">

J'ai essayé de mettre une class du genre : 
.boutonhov a:hover{
	width: 100;
	height: 100;
}
en rajoutant class="boutonhov" dans la balise input mais rien à faire... :(
Quelqu'un aurait-il une idée?

Merci à l'avance
Amélie

Remad · Answer

Tu as fait un style pour une balise <A>. Essaye de mettre
.boutonhov input:hover
{
	width: 100;
	height: 100;
}

Amélie · Answer

Merci d'avoir répondu si vite! :)
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 · Answer

Et si tu mets plutot comme ceci:

.boutonhov input:hover 
{ 
width: 100px; 
height: 100px; 
}

Amélie · Answer

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

Amélie · Answer

Oui sûrement, j'ai essayé en changeant le src mais ça marche pas non plus apparemment...

Bigott · Answer

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.

Amélie · Answer

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:

<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

CSS image qui s'agrandit à l'hover

7 réponses

Discussions similaires

Newsletters