Bouton CSS

Bonjour,

Je suis à la recherche d'un tutoriel (ou d'un peu d'aide) pour créer un bouton en CSS à largeur auto (en fonction du texte qu'il contient).
J'ai par exemple :

 
a.bouton {
  float:right;
 color:#000000;
 padding: 5px;
 margin: 0 7px 0 0;
 font-weight: bold
 background-image:url(../imgs/bt_test.jpg);
 text-decoration: none; 
 text-align: center;
  display:block;
 height:20px;
 width:190px;
}

Comment puis je faire pour avoir un "width" à largeur auto en fonction du texte que mon bouton contiendra.

D'avance merci pour votre aide

Salut,

Vire le display:block

bonjour.

tu peux toujours essayer de jouer avec min-width.

a.bouton{
    width:auto !important; /* FF va garder ce paramaètre comme référence */
    min-width:120px; /* taille minimale pour FF */
    width:120px; /* Pour IE qui agrandi systematiquement en fonction du contenu */

}

pas testé mais un truc du style devrait fonctioner je pense.

Ralfman68 a écrit :
Salut,

Vire le display:block

Bien vu, merci !

Par contre, existe il une propriété CSS qui permette d'etirer mon image de background ?

mego a écrit :
Par contre, existe il une propriété CSS qui permette d'etirer mon image de background ?

Non. Il faut chipoter.