Bonjour a tous,
 
je souhaiterais creer des boutons en utilisant des images de fond avec les CSS. le probleme est que les boutons n'ont pas toujours la meme largeur, et puis le cote droit n'est pas le meme qua le cote gauche (il y a une ombre interne de 120°)
 
je sais qu'il faut decouper l'image en 2: partie gauche et partie droite, mais comment dire aux CSS de me placer une de chaque cote???
 
Merci infiniment de votre aide
Reda

Une seule grande image, tu mets ton texte dans un span.
Ton <a> et ton span en display block, leur hauteur est celle de l'image, ils sont flottant tous les deux, et un a l'image en background-position left ,l'autre right  tu mets un peu de padding, et hop

Merci David pour ta reponse, mais je suis un peu perdu, pourrais tu stp detailler un peu plus?
Merci

Tout simplement

a.btn, a.btn span {background: url('../images/buttons/btn.gif') no-repeat;display:block;float:left;
height:23px;line-height:23px;}
a.btn {background-position:left;padding:0 0 0 5px;}
a.btn span {background-position:right;padding:0 10px 0 0;cursor:pointer;}

OK, je vais tester, merci bien