[Résolu]Problème image tuto

Bonjour tout le monde. Alors voilà je me demandais comment était faite l'image de ce tuto : http://css.alsacreations.com/modelesmenus/g02.htm
car je n'arrive pas à refaire le même menu j'ai toujours un problème de décalage avec cette image :
http://img243.imageshack.us/img243/8977/menugq2.jpg

Je n'ai pas du tout comprendre... Merci de votre aide.
Modifié par Oropher (12 Oct 2006 - 16:52)

Bonjour Oropher,

En regardant la source, je trouve la source de l'image :
http://css.alsacreations.com/modelesmenus/g02/fondmenu.jpg

Pour le reste difficile de t'aider car tu ne fournis malheureusement aucune information utile

Ah merci beaucoup je n'arrivais pas à trouver l'image source. Je vais maintenant essayer de résoudre le problème tout seul, mais si jamais je n'y arrive pas je reviendrais.
Merci en tout cas.
Modifié par Oropher (12 Oct 2006 - 14:22)

Euh ouais bon c'est pas folichon tout ca. J'ai tjrs des problèmes de décalage... Je dois être particulièrement mauvais.
Si vous voyez d'où ca vient, parce que qu'elle que soit les valeurs que j'insère dans les hover, ca plante. Sous mozilla le menu ne s'affiche même plus et sous IE j'en parle pas.:/ Merci. (mon site avec le menu : http://www.atlantiqueinformatique.com/guitare_occas/)

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
/*position: absolute;
top: 0;
left: 100px;*/
background: transparent url(images/menu.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 519px;
text-align: center;
}
li {float: left;}

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 85px;
width: 85px;
color: #fff;
font-size: 14px;
line-height: 50px;	/* hauteur de ligne pour éviter les paddings */
font-weight: bold;
font-family: arial, serif;
text-decoration: none;
}
li a:hover {
background: transparent url(images/menu.jpg) top left no-repeat;
}
a#menu1:hover {
background-position: -519px 0%;	/* décalage de l'arrière-plan pour chaque bouton */
}
a#menu2:hover {
background-position: -579px 0%;
}
a#menu3:hover {
background-position: -639px 0%;
}
a#menu4:hover {
background-position: -699px 0%;
}
a#menu5:hover {
background-position: -759px 0%;
}
a#menu6:hover {
background-position: -819px 0%;
}