mes <div> sont oki, mais pas mes <div> de <div>
mes <div> sont oki, mais pas mes <div> de <div> - HTML/CSS - Programmation
Marsh Posté le 13-08-2005 à 13:17:30
parce que tu as mis un hr dans ton div 
---------------
Nos estans firs di nosse pitite patreye...
Marsh Posté le 13-08-2005 à 13:25:55
arf oui mais je suis obligé, c'est une astuce que l'on m'a donné pour aller à la ligne.
Ca permet d'avoir surface tout seul sur la ligne puis apres nombre de pieces et nombre de chambres sur la meme ligne....
je viens de tester en supprimant la balise <hr/> et cela ne fonctionne toujours pas : 
Marsh Posté le 13-08-2005 à 13:26:54
je comprends, j'ai pourtant bien verifié toutes mes balises sont bien fermées
Marsh Posté le 13-08-2005 à 13:47:10
| KangOl a écrit : parce que tu as mis un hr dans ton div |
C pas plutôt <br>...moi je trouve plus catholique...m'enfin...
Marsh Posté le 13-08-2005 à 14:04:28
Reply
Marsh Posté le 13-08-2005 à 15:00:29
lool KangOl.
Si les flottantes sortent clear est peut etre ma solution ?
"Le contrôle du flux autour des flottants : la propriété 'clear'"
Marsh Posté le 13-08-2005 à 15:06:19
a toi de voir si tu as vraiment besoin des float....
---------------
Nos estans firs di nosse pitite patreye...
Marsh Posté le 13-08-2005 à 15:16:34
carrement de chez carrement, il me permettent d'alligner sur la gauche mes labels et sur la droite mes select.
Le clear, foire. Je vais m'arranger autrement. Dommage car regrouper aurait été plus propre.
Marsh Posté le 13-08-2005 à 15:24:00
et pour regrouper, il y a les fieldset...
---------------
Nos estans firs di nosse pitite patreye...
Marsh Posté le 13-08-2005 à 13:12:03
voilou mes div fonctionne tres bien comme vous pouvez le voire :
http://img363.imageshack.us/img363 [...] re38eb.jpg
voici les 2 premières lignes
<div class='esti'>
<label>Surface (m2)</label>
<input type="text" name="surface" size="5" maxlength="3" value="">
</div>
<hr/>
<div class='esti'>
<label>Nombre de pieces</label>
<select name='pieces' size='1'>
<option value=" " selected></option>
<option value="1" >1 pièce</option>
<option value="2">2 pièces</option>
<option value="3" >3 pièces</option>
<option value="4" >4 pièces</option>
<option value="5" >5 pièces</option>
<option value="6" >6 pièces</option>
<option value="7" >7 pièces et +</option>
<option value="8" >Maison Particulière</option>
</select>
</div>
<div class='esti'>
<label>Nombre de chambres</label>
<select name="chambres">
<option value=" " selected> </option>
<option value="1" >1 chambre</option>
<option value="2" >2 chambres</option>
<option value="3" >3 chambres</option>
<option value="4" >4 chambres</option>
<option value="5" >5 chambres</option>
</select>
</div>
</div>
<div class='esti'>
<label>Exposition </label>
<select name='expo' size='1'>
<option value='' selected></option>
<option value='nord'>Nord</option>
<option value='sud'>Sud</option>
<option value='est'>Est</option>
<option value='ouest'>Ouest</option>
</select>
</div>
<div class='esti'>
<label>Vue</label>
<select name='vue' size='1'>
<option value='' selected></option>
<option value='exceptionnelle'>Exceptionnelle</option>
<option value='degage'>Vue degage</option>
<option value='jardin'>Sur jardin ou parc</option>
</select>
</div>
maintenant je vais regrouper 2 div (soit 2 select et leurs labels) dans un div (class='regroup_esti2') pour les regrouper dans un bloc.
<div class='regroup_esti2'>
<div class='esti'>
<label>Surface (m2)</label>
<input type="text" name="surface" size="5" maxlength="3" value="">
</div>
<hr/>
<div class='esti'>
<label>Nombre de pieces</label>
<select name='pieces' size='1'>
<option value=" " selected></option>
<option value="1" >1 pièce</option>
<option value="2">2 pièces</option>
<option value="3" >3 pièces</option>
<option value="4" >4 pièces</option>
<option value="5" >5 pièces</option>
<option value="6" >6 pièces</option>
<option value="7" >7 pièces et +</option>
<option value="8" >Maison Particulière</option>
</select>
</div>
<div class='esti'>
<label>Nombre de chambres</label>
<select name="chambres">
<option value=" " selected> </option>
<option value="1" >1 chambre</option>
<option value="2" >2 chambres</option>
<option value="3" >3 chambres</option>
<option value="4" >4 chambres</option>
<option value="5" >5 chambres</option>
</select>
</div>
</div>
<div class='regroup_esti2'>
<div class='esti'>
<label>Exposition </label>
<select name='expo' size='1'>
<option value='' selected></option>
<option value='nord'>Nord</option>
<option value='sud'>Sud</option>
<option value='est'>Est</option>
<option value='ouest'>Ouest</option>
</select>
</div>
<div class='esti'>
<label>Vue</label>
<select name='vue' size='1'>
<option value='' selected></option>
<option value='exceptionnelle'>Exceptionnelle</option>
<option value='degage'>Vue degage</option>
<option value='jardin'>Sur jardin ou parc</option>
</select>
</div>
</div>
mais ce n'est pas bon du tout :
Pourquoi les 2 div class='regroup_esti2' qui regroupent mes div n'encadrent pas :
- surface + nombre de pièces et + nombre de chambres
et l'autre
- exposition + vu
mon css
.esti
{
width: 350px;
margin : 0.6em;
float: left;
border : 2px #8F0293 solid;
}
.esti select, .esti input
{
float : right;
}
.esti label { float : left; }
.regroup_esti2
{
border : 2px #8F0293 solid;
margin : 0em;
}