[W3C] alignement de zones de texte

Version imprimable

07/06/2005, 10h01
zorba49

[W3C] alignement de zones de texte

Bonjour,

J'ai environ 20 lignes ds ma page.
Ces lignes sont faites d'un lien et d'une zone de texte, le lien étant le libellé de la zone de texte.
Comment faire pour que toutes mes zones de textes soient alignées verticalement vu que mes liens n'ont évidement pas le même nombre de caractéres?

actuellement j'ai ca:
blablablabla O
blabla O
blablabla O

et je voudrais
blablablabla O
blabla..........O
blablabla......O
mais évidement sans les points

Merci bcp

c'est peut etre tout bete, mais je débute :D
07/06/2005, 10h04
piff62

Avec un tableau ? de 20 lignes et de 2 colonnes ?
07/06/2005, 10h05
SpaceFrog

un peu de code pour voirs les balises serait le bienvenu ..

Code:

1
2
3
4
 - - - - - - - - - - - -<B><I>CONNAISSANCES GENERALES</I></B>- - - - -  -<B><I>NOTE</I></B><Br>
    1) <a href="definition.asp"> De la distribution</a> : - - - - - - - - - - - - - - - -- - - - - - -<input type="text" name="reponse1" size="1" maxlength="1" value="0"><Br>
    2) <a href="definition.asp"> De l'animation </a> : - - - - - - - - - - - - -  - - - -<input type="text" name="reponse1" size="1" maxlength="1" value="0"><Br>
	3) <a href="definition.asp"> De l'audit</a> : - - - - - - - - - - -  - - - - - - - - - - - - - - - - - -<input type="text" name="reponse1" size="1" maxlength="1" value="0"><Br>

j'ai donc mis les - pour arriver "a peu pret" a aligner mes zones de textes

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<table>
<tr>
<td><B><I>CONNAISSANCES GENERALES</I></B></td>
<td><B><I>NOTE</I></B></td>
</tr>
<tr>
<td> 1) <a href="definition.asp"> De la distribution</a> : </td>
<td> <input type="text" name="reponse1" size="1" maxlength="1" value="0"></td>
</tr>
<tr>
<td> 2) <a href="definition.asp"> De l'animation </a> : </td>
<td> <input type="text" name="reponse1" size="1" maxlength="1" value="0"></td>
</tr>
<tr>
<td> 3) <a href="definition.asp"> De l'audit</a> : </td>
<td> <input type="text" name="reponse1" size="1" maxlength="1" value="0"></td>
</tr>
</table>

Avec le tableau ca donnerai quelque chose du genre

07/06/2005, 10h40
SpaceFrog

heu oui mais les tableaux ne sont pas fait pour faire de la mise en page ...

un div en float left et un fieldset auraient été plus convenables ...
07/06/2005, 10h48
piff62

Citation:

Envoyé par SpaceFrog

heu oui mais les tableaux ne sont pas fait pour faire de la mise en page ...

un div en float left et un fieldset auraient été plus convenables ...

Oui je sais bien .. mais c'est tout de meme plus facile a mettre en place .. et plus jolie que les - :p
07/06/2005, 11h01
SpaceFrog

l'effet visuel est exactement le même ...
quand à la facilité ... oui c'est plus simple mais par conforme au w3c ...
07/06/2005, 12h57
ilood

Et une balise label en float: left avec une largeur de quelques em..

HTML :

Code:

<label for="reponse1"><a href="definition.asp" title="distribution">De la disribution</a></label><input type="text" name="reponse1" id="reponse1" .... />

CSS :

Code:

label { float: left; width: 10em }