Discussion :

[alexg33]

Bonjours à tous , j'ai présentement un problème sur mon site web , je dois aligner 2 colones de données centrés . exemple :
données :
Alex: 1
Mick: 2
Richard: 3
.... 4

(les chiffres aussi doivent être alignés)
genre comme cela mais au centre de la page et je ne sais pas comment faire . j'avais pensé a un tableau mais sa na pas vraiment marcher .

[sacha69]

Si par 2 colonnes de données centrées tu entends quelque chose du genre

label1 : texte1
label2 : texte2


tu dois faire :

Code :

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

1
2
<label style="float:left;" for="tonlabel">nomdulabel</label>
<input name="name_input" style="margin-left:100px;" type="text" id="id_input"  value="value_input">

et pour que tes chiffres soient tous alignés, tu dois appliquer un margin-left suffisamment grand (celui que tu utiliseras pour Richard par exemple)

Pour centrer dans ta page, tu encadres tous ton groupe de label et input dans un div ce qui te donneras

Code :

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

1
2
3
4
<div style="position:relative; left:350px; top:150px;">
       <label style="float:left;" for="tonlabel">nomdulabel</label>
       <input name="name_input" style="margin-left:100px;" type="text" id="id_input"  value="value_input">
</div>

[tibotibo69]

Pourquoi ne pas faire un tableau tout simple ?

[Macmillenium]

Pour centrer dans ta page, tu encadres tous ton groupe de label et input dans un div ce qui te donneras

Code :

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

1
2
3
4
<div style="position:relative; left:350px; top:150px;">
       <label style="float:left;" for="tonlabel">nomdulabel</label>
       <input name="name_input" style="margin-left:100px;" type="text" id="id_input"  value="value_input">
</div>

Il y a rien de centrer, tu as juste décalé la div 350px à droite.
Il faut plutôt utiliser les marges latérales automatiques FAQ.