probleme d’intégration css

Salut a tous je suis en train de faire l'intégration de mon site mais j'ai un petit problème comme vous pouvez voir sur la maquette:http://s01.ruedugraphisme.com/img/cm...1298930801.jpg
en dessous de gestion il y a une petit flèche mais voila elle ne veux pas se mettre ou je veux et elle se répète .
si je met no-repeat l'image disparaît :$
et si je la descend comme dans l'image elle disparaît encore donc voici le site actuel .
[http://yourtech.servhome.org/index.html#
voici une partie du du code css

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

#speedbar { background: url("image/speedbar.jpg") no-repeat scroll 0 0 transparent; height: 50px; margin-top: -33px; text-align: center; width: 1024px; padding-top: 0px; font-size: 20px;   }   #speedbar li { display: inline-block; margin-left: 15px; margin-right: 64px; padding-top: 3px; height:50px; } #speedbar a:hover {   background: url("image/bouton.png") repeat scroll 0px 98px transparent; height: 10px; width: 52px;     }

---

merci d'avance

ton problème vient a priori de :

Code:

---

1 2 3 4 5 6 7 8 9 10

#speedbar a:hover {   background: url("image/bouton.png") repeat scroll 0px 98px transparent; height: 10px; width: 52px;     }

---

tu n'as pas mis de no-repeat et c'est également dans cette instruction qu'il faut mettre à jour la position de ton image.

Merci de ta réponse mais comme je t'ai dit si je met un no-repeat la flèche ne s'affiche plus . j'ai mit le site a jour par rapport au no-repeat et voici le code

Code:

---

1 2 3 4 5

#speedbar a:hover { background: url("image/bouton.png") no-repeat scroll 0 0px transparent; height: 10px; width: 52px;

---

merci d'avance

En fait ton hover fonctionne bien mais c'est ton <a> qui n'est pas assez grand (en taille).

mets ceci dans ta feuille de style:

Code:

---

1 2 3 4 5 6 7 8

#speedbar a{ padding-bottom:10px; } #speedbar a:hover { background: url("http://yourtech.servhome.org/image/bouton.png") no-repeat; }

---

Merci beaucoup cela marche comment je pourrait center la flèche selon le mot ?

Hello

Code:

---

1 2 3 4

#speedbar a:hover { background: url("http://yourtech.servhome.org/image/bouton.png") no-repeat center bottom; }

---

Merci

Bonjour a tous je viens ici car j'assaye de rejouter des bonton facebook twitter dans le footer de mon site en construction mais elle ne veulent pas s'afficher donc voici le site

http://yourtech.servhome.org/


un peu de code html

Code:

---

1 2 3 4 5 6 7

<div id="social"> <p><div class="image1"><p><p></div></br> <div class="image2"></div></br> <div class="image3"></div> </p>   </div>

---

et du css

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

#image { background: url("image/facebook.png"); height:50px; } #image2 { background: url("image/twitter.png") no-repeat left bottom ; height:128px; width:128px;   }   #image3 { background: url("image/facebook.png"); height:42px; width:122px; }

---

Merci d'avance