Discussion :

[titou250]

Bonjour
Je me lance dans le css et je tente de remplacer un tableau en css.
Voila le code du tableau que je voudrais transformer:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<table>
<tr>
  <td>une checkbox</td>
  <td> du texte </td>
</tr>
<tr>
  <td>une checkbox</td>
  <td> du texte </td>
</tr>
</table>

Mon code css devrait ressembler à ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<div class="tab">
  <div class=check>une checkbox</div>
  <div class= le texte>le texte </div>
</div>

Je n'arrive pas a bien positionner les deux bloc du milieu ....
Quelqu'un aurais une idée?
Je vous remerci d'avance ![/code]

[titou250]

Ok, j'ai trouvé ma solution (enfin je pense)
en mettant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
.check {
 clear: left;
 float: left;
 ....
}
.text {
 /* sans aucune donnée de positionement */
}

Si vous voyez autre chose, je suis toujours preneur !

[10-nice]

fixe une largeur à ta div conteneur ensuite avec les deux autres divs enfants en float la mise en page devrait se faire toute seule

(sans perdre de vue que pour "automatiser" la mise en page par le float dans ce cas il faut que largeur de tab < 2*largeur de check + largeur de le texte)