[HTML] Positionnement des élements d'un formulaire
bonjour,
lorsque je développais des applications web, j'avais toujours pour habitude de positionné les éléments de mes formulaires à l'aide de tableau, les colonnes me servait pour le positionnement :p
J'ai cru comprendre que ce n'était pas réellement du XHTML ou du moins que ça n'était pas propre, qu'il vallait mieux utiliser les div.
J'ai donc fait l'essai, et voilà ce que ça donne : http://img507.imageshack.us/img507/9...ntfinalqs8.jpg
Mais au final, je me demande si c'est réellement mieux car cela simplifie peut etre la page html, mais ça complique le css, voici mon exemple :
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 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68
| #milieu_long_centre
{
width : 794px;
padding: 5px;
background-color: #948BDF;
margin-bottom: 20px;
text-align:center;
}
#milieu_long
{
width : 794px;
padding: 5px;
background-color: #948BDF;
margin-bottom: 20px;
text-align:left;
}
#milieu_court
{
width : 300px;
padding: 5px;
background-color: #948BDF;
margin: 0px 0px 20px 250px;
text-align:center;
}
#gauche
{
width : 100px;
margin-bottom: 20px;
padding: 5px;
background-color: #948BDF;
text-align:center;
float:left;
}
#gauche_milieu
{
width : 100px;
margin: 0px 80px 20px 0px;
padding: 5px;
background-color: #948BDF;
text-align:center;
float:left;
}
#droite
{
width : 100px;
margin-left: 494px;
margin-bottom: 20px;
padding: 5px;
background-color: #948BDF;
text-align:center;
float:right;
}
#droite_milieu
{
width : 100px;
margin-left: 600px;
margin-bottom: 20px;
padding: 5px;
background-color: #948BDF;
text-align:center;
float:right;
} |
et c'est une version simplifié parce que si je voulais avoir des "droite" d'une autre taille, aligné différement... ça impliquerait plus de balises
Donc ma question est : faut il abandonné la mise en forme tableau pour la version div? Parce que la version DIV me semble un peu fastidieuse, il est bien plus simple d'appliqué un propriété à un élément d'un formulaire directement dans le formulaire
o_O