j'ai fait un truc comme cela, je sais pas si c'est génial au niveau code mais au niveau visu c'est ok
<form method="post" action="a_lbienmain.html" onsubmit="return valider(this)">
<div id="contenu">
<h2>Votre recherche - Recherche simple</h2>
<div class="contenurech" >
<span class="rechtxt">Type de bien</span>
<ul class="rechck">
<li><input type="checkbox" name="Tbien" value="Appart" />Appartement</li>
<li><input type="checkbox" name="Tbien" value="Loft" />Loft</li>
<li><input type="checkbox" name="Tbien" value="Duplex" /> Duplex</li>
<li><input type="checkbox" name="Tbien" value="Maison" /> Maison</li>
</ul>
</div>
<div class="contenurech" >
<span class="rechtxt">Nombre de pièces minimum</span>
<ul class="rech">
<li>
<select name="Nb_piecemin">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5 et +</option>
</select>
</li>
<li>Surface minimum</li>
<li><input type="text" name="Ef_surfacemin" value="" />m2</li>
</ul>
</div>
<div class="contenurech" >
<span class="rechtxt">Ascenseur indispensable à partir du</span>
<ul class="rech">
<li>
<select name="Nb_Asc">
<option value="1">1er</option>
<option value="2">2ème</option>
<option value="3">3ème</option>
<option value="4">4ème</option>
<option value="5">5ème</option>
<option value="F" selected="selected">Facultatif</option>
</select>étage
</li>
</ul>
</div>
<div class="contenurech" >
<span class="rechtxt">Ville, département ou code postal</span>
<ul class="rech">
<li><input type="text" name="Ef_ville1" value="" /></li>
<li><input type="text" name="Ef_ville2" value="" /></li>
<li><input type="text" name="Ef_ville3" value="" /></li>
</ul>
</div>
<div class="contenurech" >
<span class="rechtxt"> </span>
<ul class="rech">
<li><input type="text" name="Ef_ville4" value="" /></li>
<li><input type="text" name="Ef_ville5" value="" /></li>
<li><input type="text" name="Ef_ville6" value="" /></li>
</ul>
</div>
<div class="contenurech" >
<span class="rechtxt">
<a href="r_avancee.html" class="lien"> Recherche avancée</a>
</span>
<span id="rechtxtr">
<img src="../image/find.png" href="return valider(this)"/>
<input type="submit" src="../image/find.png" class="StandardButton" name="Lancer" value="Lancer la recherche" />
</span>
</div>
</div>
</form>
et voici le css, pas en entier mais si tu le veux avoir la description de tous les elements de la page, je te le donne volontier ;
/*--------------------------------------------------------------------------------------------- */
/*-----------------------------R E C H E R C H E--------------------------------- */
/*--------------------------------------------------------------------------------------------- */
.rechck /*---- pour check box 4 elements-- */
{
height: 2em;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.rechck li
{ float: left;
margin: 0px;
padding: 0px;
text-align: left;
width : 130px
}
.rech /*---- pour autres 3 elements-- */
{
height: 2em;
margin: 0px;
padding: 0px;
list-style-type: none;
}
.rech li
{ float: left;
margin: 0px;
padding: 0px;
text-align: left;
width : 165px;
white-space:nowrap
}
.contenurech
{
padding: 0px;
margin: 5px;
text-align: justify ;
line-height: 1.5em ;
text-indent: 0em;
color:#000000;
}
.rechtxt
{
height: 1.5em;
width :30%;
margin: 0px;
padding: 0px;
float: left ;
position: relative;
}
span#rechtxtr
{
height: 1.5em;
width : 210px;
margin: 0px;
padding: 0px;
left:325px;
position: relative;
}
Comme tu peux le constater je met chaques ligne dans un div,
puis la description de mon champ de saisie dans un span
et le champs de saisie dans un autre.
si tu veux mettre deux champs de saisie dans une ligne, tu ajoutes a ton span
width : 25%;
un quart, oui car avec le description cela fait 4 espaces§!!!
As tu compris ce que je voulais dire???
Utilises plutot des class car il va s'en dire que tes span ne seront pas unique!!!
En fait je viens de me rendre compte que j'ai appliqué la largeur a des li ...
Mais je pense que cela revient au meme!!!i
Modifié par nath-0-0 (04 Nov 2005 - 17:42)
