28173 sujets

CSS et mise en forme, CSS3

Bonjour !

j'aimerais intervertir une image c'est à dire que lorsque le mec passera sa souris sur l'image elle changera pas une autre.
J'ai fait cela mais ça ne fonctionne pas:

#enter {
	width: 414px;
	height:395px;
	background : url(images/enter.jpg) 0 0 no-repeat;
	float:center;
}
	
#enter a:hover {
	width: 414px;
	height:395px;
	background : url(images/enter2.jpg) 0 0 no-repeat;
}


que doit je faire ?
Merki! Smiley biggrin
Modifié par boudouba (07 Apr 2007 - 13:32)
Salut,

Une page en ligne aiderait à te renseigner plus rapidement pour résoudre ton problème.

Pour le survol, il faudrait déja que ton image au repos soit attribuée à ton lien, de sorte que lors du survol de ce lien elle soit substituée par celle définie pour l'état de survol
Dans ton code il faudrait donc plus quelque chose comme çà :

#enter [#red][b]a[/b][/#]{
	background : url(images/enter.jpg) 0 0 no-repeat;
}
	
#enter a:hover {
	background : url(images/enter2.jpg) 0 0 no-repeat;
}


Je te conseille d'aller lire
cet article pour plus d'information sur cette technique de remplacement d'images.
voici l'adresse de ma page:
http://poppark.free.fr/indexx.html
j'ai fait ce que tu m'a dit mais cela ne fonctionne pas.
Pour l'article je l'ai déja lu et relu car je m'en suis déja servi pour faire un menu. Le truc c'est que ce tuto utilise des <li> et tout le tralala et moi j'ai juste besoin d'intervertir une image...