Discussion :

[Lockless]

Bonjour tout le monde,
Mon probleme est simple, mais je ne trouve malheuresement pas solution potable, je dispose d'un texte suivent d'une checkbox dans une cellule d'un tableau, donc en gros ca donne ca :

Code :

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

1
2
3
4
5
 
<td>
    <label><span style="text-align: left;">Test : </span><input type="checkbox" name="blabla" checked>
    </label>
</td>

Donc ici, j'ai le texte qui est aligné a gauche dans la cellule du tableau, et j'aimerais arriver a aligné la checkbox a droite dans la cellule, j'ai essayé l'attribut align="right", style="text-align: center:", <p align="right">, mais rien de potable :-(

Quelqu'un peut il m'aidé ?

Merci bien.

[Seb19]

Bonjour,

est ce que quelque chose dans ce style n'irait pas ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<table width=150><tr>
<td width=150>
    <table width=150>
    	<tr>
    		<td align="left">Test : </td>
    		<td align="right"><input type="checkbox" name="blabla" checked></td>
    	</tr>
    </table>
</td>
</tr></table>

[Lockless]

Le probleme en faisant ca, c'est que je créer un sous tableau, et j'aimerais éviter autant que possible :-/

[MasterOfChakhaL]

et comme ca:

Code :

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

1
2
 
<label for="check">bla bla bla:</label><input name="check" type="checkbox"  />

par css tu fixes une largeur fixe à tes label

[vg33]

et comme ca:

Code :

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

1
2
 
<label for="check">bla bla bla:</label><input name="check" type="checkbox"  />

par css tu fixes une largeur fixe à tes label

+1.
Et en plus, ça respectera beaucoup plus les standards (pas de tableaux pour une présentation, utilisation de <label>...).

[Lockless]

Le probleme avec cette astuce, c'est que je sais pas a l'avance quelle est la taille maximale d'un label :-/ Donc a un moment donné j'aurais peut être un texte qui s'étalonne sur 2 lignes, ce que je voudrais éviter

[MasterOfChakhaL]

... Donc a un moment donné j'aurais peut être un texte qui s'étalonne sur 2 lignes, ce que je voudrais éviter

Il me semble que ce sera le cas quelle que soit la technique utilisée non?

[SpaceFrog]

et des fieldset ? c'est pas à ça qu'ils doivent servir en principe ?

[masu]

je suis pas tout a fait sur d'avoir compris, tu veu avoir le label d'un cote de la cellule et le checkbox de l'autre ?
Si c'est bien ca, je pense que ce code devrai fonctionner.

Code :

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

1
2
3
4
5
6
7
 
<table>
<tr>
<td align="right" width="600">
    <label for="blabla" style="float:left ">Test :</label> <input type="checkbox" name="blabla" id="blabla" checked>  
</td></tr>
</table>

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<table>
<tr>
<td align="right" width="400">
    <label for="blabla" style="float:left ">Test :</label> <input type="checkbox" name="blabla" id="blabla" style="float;right" checked>  
</td></tr>
<tr>
<td align="right" width="400">
    <label for="blabla" style="float:left ">Test et retest :</label> <input type="checkbox" name="blabla" id="blabla" style="float;right" checked>  
</td></tr>
 
</table>

[masu]

il y a des problemes avec ce code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<table>
<tr>
<td align="right" width="400">
    <label for="blabla" style="float:left ">Test :</label> <input type="checkbox" name="blabla" id="blabla" style="float:right;" checked>  
</td></tr>
<tr>
<td align="right" width="400">
    <label for="blabla2" style="float:left ">Test et retest :</label> <input type="checkbox" name="blabla" id="blabla2" style="float:right;" checked>  
</td></tr>

</table>

mon code ne marchait-il pas ?
je voi pas trop l'interet de mettre un float:right sur le checkbox, il se retrouvera de toute facon adroite avec l'align="right". Si tu met le float autant enlever le align.

[SpaceFrog]

non c'est juste une alternative qui perment de se passer du align ...