Discussion :

[zorba49]

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

[piff62]

Avec un tableau ? de 20 lignes et de 2 colonnes ?

[SpaceFrog]

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

[zorba49]

Code :

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

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

[piff62]

Code :

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

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

[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 ...

[piff62]

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

[SpaceFrog]

l'effet visuel est exactement le même ...
quand à la facilité ... oui c'est plus simple mais par conforme au w3c ...

[ilood]

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

HTML :

Code :

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

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

CSS :

Code :

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

label { float: left; width: 10em }