Obtenir des boutons étirables en fonction du libellé [Fait]

**dev123** · 27/01/2009, 14h00

Bonjour,

j'aimerai faire des boutons en css et je n'arrive pas à trouver un exemple qui fonctionne.
Je ne sais pas comment faire pour démarrer.
Le but est de défiinir un button dans la feuille de style que je pourrai réutiliser en fonction du libellé que j'ai. Le libellé peut changer et la taille du bouton doit varier aussi.
J'ai trouvé des exemple sur le net mais ca m'affiche des liens simples

Est ce que quelqu'un peut m'aider ?

Merci.

**Macmillenium** · 27/01/2009, 14h14

Bonjour,

Envoyé par dev123

J'ai trouvé des exemple sur le net mais ca m'affiche des liens simples

Est ce que quelqu'un peut m'aider ?

Oui bien sûr

Tu n'as peut-être pas bien compris le principe du code que tu as trouvé sur le net, pourrait tu le poster ?

**dev123** · 27/01/2009, 14h17

Oui.

Voici ce que j'ai mis dans ma feuille de style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
 
a.button {
    background: transparent url('bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}
 
a.button span {
    background: transparent url('bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

Et voici ce qu'il y a dans ma page jsp

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<a class="button" href="#" >Save</a>

J'obtiens le mot Save à droite de ma page et quand je passe la souris dessus, j'ai un rectangle gris qui s'affiche. C'est frustrant de ne pas comprendre !