mise en forme de div par css
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:
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:
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> |