Bonjour.
Je souhaite faire une mise a page comme ceci:
les div "add_item_label" et "add_item_input" sont sur la meme ligne
e le div ""add_item_bt" doit etre en dessus.

Mais mes trois div restent alignés. Ci joint mon css et mon htlm.
Avez vous des conseils pour ce type d'affichage.


[<div id="add_item_label">][<div id="add_item_input">]

[<div id="add_item_bt">]



voila mon css
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
 
#add_item_fom
{
	border: 3px solid gray; 
	position:absolute;
	top:200px;
	left:380px;
	/*width:350px;*/
	width:650px;
	height:150px;
	z-index:3;
	background-color: #FFFFCC ;
}
 
#add_item_margin
{
	margin-top: 30px;
	position: relative;
}
#add_item_bt
{
	text-align: center;
	border: 1px solid gray;
	/*margin-bottom: 10px;*/
}
 
#add_item_label
{
	float: left;
	margin-left: 30px;
	width: 120px;		
}
 
#add_item_input
{
	float: left;
}
voila le HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div id="add_item_fom" >
	<div id="add_item_margin"></div>
		<form id="addForm" action="javascript:void(null);" onsubmit="addForm('ok_role')";">
			<div id="add_item_label">Ajouter un Role:</div>
			<div id="add_item_input"><input type="text" name="role"/></div>
			<div id="add_item_margin"></div>
			<div id="add_item_bt"><input id="addRole" type="submit" value="Ajouter un Role"/></div>
		</form>
<div>