Discussion :

[gibigue]

Salut

J'aimerai centrer horizontalement l'élèment legend sur la bordure supérieure du fieldset. Quelle propriété css utiliser ?

Code :

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

1
2
3
4
5
<form method="post" action="#">
<fieldset>
<legend>Laisser un message</legend>
</fieldset>
</form>

(Par défaut le contenu de legend apparait sur la gauche.)

Merci

[Nemesys]

Code :

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

1
2
3
4
5
<form method="post" action="#">
<fieldset>
<legend align="center">Laisser un message</legend>
</fieldset>
</form>

Comme ça ?

[v4np13]

Code :

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

<legend style="text-align:center;">Laisser un message</legend>

Dans le post précédent, c'est du HTML de barbare, désolé pour l'expression

[Nemesys]

Code :

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

<legend style="text-align:center;">Laisser un message</legend>

Dans le post précédent, c'est du HTML de barbare, désolé pour l'expression

Non c'est comme ça que ça s'utilise pour les legend !
De plus, tu remarqueras que ton code ne fonctionne pas

[v4np13]

Désolé j'ai confondu avec les label des formulaires... La légende est le texte qui est dans la bordure du formulaire et, j'avoue ne jamais l'avoir vu ailleurs que à gauche...

[gibigue]

Code :

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

1
2
3
4
5
<form method="post" action="#">
<fieldset>
<legend align="center">Laisser un message</legend>
</fieldset>
</form>

Comme ça ?

Visuellement cela fonctionne... mais align ne passe pas au validateur malheureusement.
Je suis contraint de rendre ma page valide xhtml strict.
Et effectivement,

Code :

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

<legend style="text-align:center;">Laisser un message</legend>

ne fonctionne pas.

J'ai aussi essayé sans succès :

Code :

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

<legend style="margin: 0 auto">Laisser un message</legend>

D'autres propositions ?

[psychoBob]

T'as testé sur tous les navigateurs aussi ? Des fois ça réserve des surprises...

Sinon c'est quoi déjà les labels des formulaires ?

[gibigue]

T'as testé sur tous les navigateurs aussi ? Des fois ça réserve des surprises...

Oui j'ai testé sous quelques navigateurs, IE 6, Fx 1.5 et Opera 8.54

Et aucun résultat correct en ayant un code valide

Si quelqu'un a une solution je suis preneur.

[gibigue]

remonte petit topic...

Une idée ?