Taille de bouton [Résolu]

[Hyperion99]

Bonjour,

Débutant (et le mot est faible) en css, je suis confronté au problème suivant :

J'ai une liste de lien que je voudrai représenter par des boutons. J'ai trouvé le code sur le site http://www.dynamicdrive.com/style/cs..._menu_buttons/ ,

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
 
<style type="text/css">
 
.gradientbuttons ul{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 13px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}
 
.gradientbuttons li{
display: inline;
margin: 0;
}
 
.gradientbuttons li a{
text-decoration: none;
padding: 5px 7px;
margin-right: 5px;
border: 1px solid #778;
color: white;
border:1px solid gray;
background: #3282c2;
border-radius: 8px; /*w3c border radius*/
box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */
-moz-border-radius: 8px; /* mozilla border radius */
-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */
background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */
-webkit-border-radius: 8px; /* webkit border radius */
-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */
background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */
}
 
.gradientbuttons li a:hover{
color: lightyellow;
}
</style>

Mon problème est que la taille des boutons générés dépend de la longueur du texte qu'il contient....


Je voudrai qu'ils aient tous la même taille (comme si il y avait des espaces avant et après le texte pour qu'ils aient tous le même nombre de caractères)

Je pensais que la propriété width permettait de spécifier cette taille, mais rien n'y fait...

Ai-je raté quelque chose ? y a t il une manière particulière de procéder ?

merci de votre aide

a+

[NoSmoking]

Bonsoir,

Mon problème est que la taille des boutons générés dépend de la longueur du texte qu'il contient....

fixes une largeur à tes liens en ayant pris soin de leur mettre un display:block pour que celle ci soit prise en compte.

[Hyperion99]

Merci beaucoup Mr NoSmoking, mon problème est résolu !

Encore merci

bonne soirée