problème float
Posté : 03 août 2012, 17:34
Bonjour, je souhaiterais que mes 2 div form1 et form2 soit cote à cote mais après moultes essais, j'abdique et je me permet de vous poser la question:Pourquoi ça ne marche pas?
fichier css
Merci d'avance
Code : Tout sélectionner
<head>
...
<link href="css/zigzag_css.css" rel="stylesheet" type="text/css" />
...
</head>
<body>
<div id="global">
<div id="banniere">
<img src="banniere.jpg" width="695" height="200" />
</div>
<div id="navigation">
</div>
<div id="contenu">
<div id=" form1">
<form id="form" name="demande_code" method="get" action="album.php">
<font color="#FFFFFF">tapez le code de votre ticket</font>
<input name="idcode" type="text" id="code" size="8">
<input type="submit" name="" value="envoyer">
</form> </div>
<div id=" form2">
<select onchange="MM_jumpMenu('parent',this,0)">
<option value="">Sélection</option>
<option value='album.php?idcode=montee_seche_risoul&erreur=0'>Montée seche de risoul</option>
</select>
</div>
</div>
</div>
</body>Code : Tout sélectionner
body {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
text-align: center;
visibility: visible;
z-index: 1;
width: 100%;
height:100%;
}
a
{
color:#FFFFFF;
text-decoration:none;
}
a:hover
{
color:#FFFFFF;
text-decoration:underline;
}
a:visited
{
color:#FFFFFF;
text-decoration:none;
}
#global {
background-color: #000000;
z-index: 2;
width: 960px;
height: 1000px;
margin: auto;
}
#global #banniere {
z-index: 3;
height: 200px;
width: 695px;
top: 15px;
margin: auto;
}
#global #navigation {
background-color: #F25822;
z-index:4;
top: 200px;
width: 695px;
height: 25px;
margin: auto;
}
#global #navigation ul {
vertical-align:left;
}
ul#menu_nav li {
display : inline;
padding : 0 0.5em;
}
ul#menu_nav {
list-style-type : none;
}
ul#textform {
list-style-type : none;
}
#global #contenu {
text-align: left;
zindex:5;
top: 245px;
width: 695px;
height: 450px;
margin: auto;
}
#global #contenu #form1 {
float:left;
width: 342px;
zindex:6;
}
#global #contenu #form2 {
margin left:4px;
width: 342px;
zindex:6;
}
c vrai que ce n'est pas très propre, ça fait toujours du bien de se faire reprendre...