28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai constaté que sous IE Smiley biggol (sous Firefox, pas de problème Smiley lol ), un champ "fieldset" dont la bordure a la propriété dotted ne présentait pas le même affichage avec ou sans "legend".

Sans légende :
<fieldset style='margin:10px 0px 2px 20px; border:1px #000099 dotted; padding:3px;'>
Texte de mon fieldset
</fieldset>


Avec légende :
<fieldset style='margin:10px 0px 2px 20px; border:1px #000099 dotted; padding:3px;'>
<legend style='margin:0px 0px 0px 10px; padding-left:5px; padding-right:5px; background:#FFFFFF;'>Texte de ma légende</legend>
Texte de mon fieldset
</fieldset>


Dans le premier cas, nous avons bien des points (ce qui est l'effet escompté), mais dans le second, IE affiche des tirets Smiley fache

Existe-t-il un moyen d'uniformiser tout ça ?

Merci d'avance pour vos réponses !
Hello,

L'élément <legend> est à mon gout la plus grosse galère à styler possible. Des styles par défaut de positionnement et de bordure sont appliqués sans qu'il soit possible de les réinitialiser.

Si tu souhaites réellement styler des <legend> et bien, je te conseille de plutot utiliser un autre élément (pour ma part j'utiliser des <hX> quand nécessaire)