Discussion :

[thierryG]

Bonjour
Je souhaite faire des boutons l'un à côté de l'autre
J'ai donc écrit ce code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<div class="cadre600px">
		<div class="boutons">
			<div class="bouton" style="width:50%">
				<?php printf("<a href=\"#\" onClick=\"evaluation.scmd.value='%d'; evaluation.submit();\">%s</a>\n",SCMD_MODIF,"Valider");?>
			</div>
			<div class="bouton" style="float:none;">
				<a href="#">Annuler</a>
			</div>
		</div>
	</div>

avec le css suivant

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
32
33
34
35
36
37
38
39
 
.cadre600px
{
	width:600px;
}
.boutons
{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
	float:none;
	clear:both;
	width:100%;
	display:block;
}
.bouton
{
	text-align:center;
	float:left;
 
	margin:0px;
	margin-top:5px;
	margin-left:2px;
	margin-right:2px;
	display:block;
}
.bouton a, .bouton a:visited
{
	background-color:#00CC00;
	border:#33CC00 outset thin;
	text-decoration:none;
	text-align:center;
	width:100%;
	display:block;
}
.bouton a:hover
{
	border:#33CC00 inset thin;
}

et voici ce que j'obtiens voir l'image jointe PBDiv.jpg

Comment se fait-il que le premier bouton soit décalé alors qu'ils devraient être alignés. De plus je n'arrive pas à créer un espace de 4 pixels entre les boutons.

merci