28173 sujets

CSS et mise en forme, CSS3

Mettre un Width à une balise LEGEND ?

Bonjour,

Je n'arrive pas à mettre un Width sur une balise légende. Y a un tricks ?
J'ai un background sur tous et besoin de cela.

Merci !
Modérateur
bonjour,

oui en quelque sorte:

En generale les elements de formulaires sont tres difficile ou impossible a stylé , au moins ça a l'avantage de ne pas trop perturbé l'utilisateur qui sait tout de suite a quoi il a affaire.

Une page test:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html 

xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head><title>XHTML 1.0 

Strict</title><style type='text/css'>
form {
	display:table;
	width:300px;
	margin:1em auto;
}

fieldset {
	display:table-caption;
	width:300px;
	margin:auto;
}
legend {
	text-align:center;
	display:table;
	background:#def;
	margin:-1em auto 0.5em;
}
#deux legend {
	text-align:center;
	display:table;
	background:#cde;
	width:300px;
}
#trois legend {
	text-align:center;
	display:table;
	background:#bcd;
	width:100px;
}
#quatre legend {
	text-align:center;
	display:table;
	background:#abc;
	width:150px;
	margin:-1em 0 0.5em;
}
</style>
 <!--[if IE]>
<style type="text/css">
legend {
	margin:0 auto;
	width:1%;
	display:block;
}
#deux legend {

	width:auto;
}

#quatre legend {

	margin:0;
}
</style>
<![endif]-->
</head>
<body>
<form action ='' method=''>
	<fieldset>
		<legend>coucou</legend>
		<input type='text'value='a remplir'/>
	</fieldset>
</form>
<form action ='' method='' id='deux'>
	<fieldset>
		<legend>coucou</legend>
		<input type='text'value='a remplir'/>
	</fieldset>
</form>
<form action ='' method='' id='trois'>
	<fieldset>
		<legend>coucou</legend>
		<input type='text'value='a remplir'/>
	</fieldset>
</form>
<form action ='' method='' id='quatre'>
	<fieldset>
		<legend>coucou</legend>
		<input type='text'value='a remplir'/>
	</fieldset>
</form>
</body>
</html>


Avec toutes les reseves possibles Smiley smile , ou tu prends le risque de te servir de la methode des display "modifié" pour le formulaire ou par "principe de precaution " tu conserves tes formulaires avec leurs aspect par defaut.

:)
bonne journée
Sujet clos
Aller à