5568 sujets

Sémantique web et HTML

Bonjour, souci avec hover sur plusieurs background

Bonjour, j’essaye depuis hier avec une grande difficulté de créer un Hover comme vous pouvez le voir ci-dessous (côté gauche + droit identique + fond dégradé):

Ce que je souhaite effectuer : http://nolissa.fr/exemple/exemple.png
Ce que j'ai déjà fait : http://www.nolissa.fr/exemple/test.html

Je précise que dans l'exemple "VOIR TOUS LES SONDAGES" est un lien sans Hover.
Tout cela est déjà fait dans la page HTML, en fait il ne me manque que les images sur le côté que je n'arrive pas à faire.
Quand on passe la souris dessus, il doit afficher en tout 3 images dans le <li>. C’est là toute la difficulté. Deux oui, mais trois, je me perds. Je vous ai joint ci-dessous un fichier rar contenant toutes les données.

http://nolissa.fr/exemple/exemple.rar

J’ai fait de mon mieux et me voilà bloqué ici. Ma dernière tentative c’est de faire :
html:
<div id="sondage">
<ul>
<li><a href="#" class="hover">SONDAGE</a></li>
<li><a href="#"><span>VOIR TOUT LES SONDAGES</span></a></li>

css:
#sondage ul li a:hover span{
	padding:0 14px;
	background:url(img/cot-gauche.png) no-repeat;
}


J'ai eu tout simplement un bug d'affichage, l'image n'était pas à la bonne taille et même si je l'avais réussi il m'aurait manqué le côté droit à faire. Je compte vraiment sur vous Merci d'avance.
Modifié par noss (18 Jun 2009 - 10:56)
Bonsoir à tous, j’aimerais comprendre pourquoi je n’ai aucune réponse.
Il me faudrait une réponse qui me mette sur la route (une idée), car je suis perdu.
Je souhaite le faire le plus pro possible, c’est pour cela que je n’ai aucune idée de comment m’y prendre dans cette situation.
Si je me suis mal exprimé sur le problème ou qu’il est trop compliqué, n’hésitez pas à me le signaler.
noss a écrit :
Bonsoir à tous, j’aimerais comprendre pourquoi je n’ai aucune réponse.


Peut-être parceque personne n'as de réponse à te donner.
Sujet clos
Aller à