[quote="x@v"]il n'y a pas d'img dans ton code :)
[code]#menu img {
position: relative;
}[/code][/quote]
Relis attentivement mon message... :roll:

Si tu tiens à avoir tes images dans le code HTML, cette règle CSS ne sera pas de trop. Bien entendu, si tu mets tes images en arrière-plan, il est normal qu'on n'ait pas besoin du sélecteur #menu img. ;)

il n'y a pas d'img dans ton code :)
[code]#menu img {
position: relative;
}[/code]

Pour positionner plus finement le texte par rapport aux images, le mieux est de positionner également les images.
[code]#menu img {
position: relative;
}[/code]
Cela dit, si tes images sont des images purement décoratives, le mieux est de les mettre en arrière-plan et de les gérer en CSS. Tu pourras ainsi beaucoup plus facilement centrer le texte, tout en allégeant le code.
Code XHTML
[code]<ul id="menu">
<li><a href="#" title="lien1">sdfsffdsfdsfds</a></li>
<li><a href="#" title="lien1">sdfsffdsfdsfds</a></li>
<li><a href="#" title="lien1">sdfsffdsfdsfds</a></li>
<li><a href="#" title="lien1">sdfsffdsfdsfds</a></li>
</ul>[/code]
CSS
[code]#menu li {
background: url(img/bouton1.png) no-repeat;
text-align: center;
}[/code]
On se casse moins la tête ainsi. ;)

Bonsoir,
je cherche à mettre tous les liens au centre des images :
http://www.6tnline.com/jquery/menu.php
[code]<ul id="menu">
<li>
<a href="#" title="lien1">
<img src="img/bouton1.png" alt="image absente" class="boutonImage" />

<span class="lienTexte">sdfsffdsfdsfds</span>
</a>
</li>
<li>
<a href="#" title="lien1">
<img src="img/bouton1.png" alt="image absente" class="boutonImage" />
<span class="lienTexte">sdfsffdsfdsfds</span>
</a>

</li>
<li>
<a href="#" title="lien1">
<img src="img/bouton1.png" alt="image absente" class="boutonImage" />
<span class="lienTexte">sdfsffdsfdsfds</span>
</a>
</li>
<li>

<a href="#" title="lien1">
<img src="img/bouton1.png" alt="image absente" class="boutonImage" />
<span class="lienTexte">sdfsffdsfdsfds</span>
</a>
</li>
</ul>
[/code]
[code] #menu {margin:0; padding: 0; position: absolute; left: 10px; top: 10px;}
#menu li {float:left; margin: 0 10px; }
#menu li a{text-decoration: none; }
.lienTexte {position: absolute; margin-left: -160px; margin-top: 40px; text-transform: uppercase;}
[/code]
Merci