Bonjour,
 
Voila ce que je voudrais faire :
un lien qui a la forme d'un bouton.
Donc j'ai trois images :
- le bord gauche
- le milieu du bouton
- le bord droit.
 
Je veux faire ça en css afin que je puisse changer le texte du bouton sans problème.
 
J'ai fait ça :

et ma feuille de style contient :

 
Le problème c'est que ça ne marche pas sous FireFox alors que sous IE nikel.
Vous voyez d'ou peut venir le problème ?
 
Merci d'avance

up... une idée ?

 
Ton truc avec 2 balises span dont une vide c'est un peu bidouille...
Tu devrais normalement t'en sortir en ne stylant que les balises existantes (ul,li,a).
Peut-être pourrais-tu t'inspirer de la technique des "portes coulissantes" et l'adapter à ton cas ?

un lien vers la page te posant problème please (avec un accès aux images, je suis sur qu'on peut faire simple

Tres interessant la technique des portes coulissantes, je ne connaissais pas. Je vais regarder ça de plus pres
 
Pour un menu, je pense que ca peut fonctionner du tonnere;
Mais dans mon cas c'est un bouton que je  veux faire, pas un menu. Donc mettre <ul><li> pour un seul item c'est bizarre non ?
 
Voila la page d'exemple, la feuille de style et les images :
http://fluminis.free.fr/test/test.html
http://fluminis.free.fr/test/style3.css
http://fluminis.free.fr/test/images/
 
Merci d'avance

 
 
Oui, effectivement, ça n'a pas de sens pour un seul bouton
 
Maintenant dans ton exemple tu en as trois qui sont finalement une liste de choix d'action en raport avec un formulaire ou qqch du genre, donc il me semble que, sémantiquement parlant, l'option de mettre une liste se défend ?
En t'insiprant du lien que je t'ai donné tu peux en tous cas virer ton span vide, c'est déjà ça.
 
Si tu as 3 boutons à la suite et que tu estimes que la liste est appropriée, tu styles le a et le li en background (en utilisant que 2 images selon l'exemple donné)
 
Autrement pour un bouton, je vois 2 options:
 
- Soit tu ne gardes que tes balises a, en appliquant un background et insérant la 2ème images dans le html (avec le désavantage que c'est une image déco qui trouverait mieux sa place en background)
- Soit tu rajoutes un span englobant pour placer le 2ème background (ajout d'une balise pour pas grand chose)
 
Enfin pas d'autres idées pour l'heure bonne chance

Je me rappelle avoir fait ça :  
http://gatsu.ftp.free.fr/html/testbouton/bouton.html
 
c'est similaire, ya pas mal de bourrinage en utilisant des hack CSS IE et en utilisant les pseudo-classes after et before qui fonctionnent avec FF
 
Et en utilisant une seule image s'il vous plaît

 
Pour l'exemple, j'ai mis trois boutons cote à cote, il peut y en avoir 1 ou plusieurs...
c'est vrai egalement qu'il ne faut pas non plus que je perde trop de temps sur un pauvre bouton, il y a encore bien d'autres choses à faire.
Je vais voir si je peux mettre en place ta solution, mais je reste ouvert à toutes les propositions

Et ma solution ?????????????

hihi
c'est vrai qu'elle est bien elle aussi, mais tu me fais peur en disant :

 
Edit : à y repenser 2fois elle est meme tres bien

Non c'est la solution ultime qui fonctionne partout
et que en CSS ya juste un <a><span>texte</span><a>

Voila j'ai mis en application ton css :
http://fluminis.free.fr/test/test.html
 
helas il y a un probleme : sous FireFox l'image est coupée en bas
et sous IE, il semble qu'il y a une marge importante en haut du bouton

faut ke je corrige ca mais po today

Faut faire attention à ces hack pour IE, car j'ai l'impression que "l'astuce" du _attribut a été corrigée pour la prochaine version (7). Je sais bien qu'une partie des gens resteront sous IE6, mais il vaut mieux être prévoyant pour pas tout devoir recoder