Discussion :

[lequebecois79]

salut

dans un th, je veux faire afficher une case à cocher (avec du texte) à gauche et un autre text au centre

le texte pour la partie de gauche

Code :

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

1
2
3
<div style="float:left;text-align:left;vertical-align:middle;">
...
</div>

le texte pour la partie du centre

Code :

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

1
2
<div style="text-align:center;vertical-align:middle;" >
...</div>

le texte est bien aligné à droite,

mais pour le deuxième texte, il est pas vraiment au centre et son alignement vertical non plus...

une idée?

merci

[polymorphisme]

Bonjour,

l'élément th n'est pas vraiment destiné à contenir une case à cocher.

le texte est bien aligné à droite,

C'est incohérent !

son alignement vertical non plus...

Normal, tu utilise des blocs div.

[Erwan31]

Bonsoir,
je doute que ton balisage sont pertinent (sais-tu à quoi sert un th?)
D'autre part une case à cocher doit être associé à un élément label correspondant avec le couple for/id.
Pour baliser ton texte la div (division) n'est pas adaptée non plus.
Utiliser un élément de texte (p, q hn...)
la propriété vertical-align ne s'applique qu'aux éléments de rendu table-cell (comme les cellules de tableau) et inline (strong, b, i, em, img...)

[lequebecois79]

@polymorphisme

mon erreur... c'est plutôt le texte est bien aligné à gauche

j'ai rien lu sur le w3c qu'une case à coché était interdite dans un th...

le th sert pour le ou les titres du tableau

avec un p, le hic c'est que ça créer 2 ligne en hauteur...

[Erwan31]

j'ai rien lu sur le w3c qu'une case à coché était interdite dans un th...

?? c'est faux. Ou as tu lu ça?

le th sert pour le ou les titres du tableau

Non ça c'est le rôle de l'élément CAPTION
ça sert d'en-tête de colonne ou de rangées de cellules.

[lequebecois79]

?? c'est faux. Ou as tu lu ça?
.

justement j'ai rien lu qui disais que c'était interdi...

??
Non ça c'est le rôle de l'élément CAPTION
ça sert d'en-tête de colonne ou de rangées de cellules.

pour jouer sur les mots, on va dire entête...

bon je suis arrivé à un résultat pas si mal avec

Code :

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

1
2
3
4
5
6
7
8
<span style="float:left;width:25%;text-align:left;white-space: no-wrap;">
...
</span>
 
 
<span style="text-align:center;white-space: no-wrap;" >
...
</span>

mais le texte de la partie de gauche n'est pas réelement centré