Bonjour à tous,

Ma question est toute simple et tient dans le titre.
Supposons que j'ai 10 boutons sur une page avec tous le même 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
25
26
27
28
29
30
31
 
#bout1 {
	position:absolute;
	width:162px;
	height:20px;
	z-index:1;
	background-image:url(images/bouton.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	vertical-align:middle;
	display:block;
	line-height:20px;
	font-size:11px;
	font-weight:bold;
}
#bout2 {
	position:absolute;
	width:162px;
	height:20px;
	top:40px;
	z-index:1;
	background-image:url(images/bouton.gif);
	background-repeat:no-repeat;
	padding-left:25px;
	vertical-align:middle;
	display:block;
	line-height:20px;
	font-size:11px;
	font-weight:bold;
}
etc...etc...
Comme les boutons sont verticaux, la seule chose qui change dans le code est l'attribut "top" qui prend à chaque fois une valeur supérieure pour que le bouton se positionne sous le précédent.

Comment écrire une seule fois tout ce qui est commun ?
Merci pour vos lumières et bonne journée.