28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Ce que j'aimerais faire, c'est appliquer un style par défaut à certains de mes labels, j'ai donc créé un style dans mon css :
form label{ 
	float: left;
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: right; 
}


Lorsque j'ai un formulaire de type :

<label>Nom</label> <input type="text" value=""/>
<label>Prenom</label> <input type="text" value=""/>


L'alignement marche bien. Maintenant, j'introduis dans mon formulaire des boutons radio, qui ont eux aussi des labels pour chaque option, et là, l'alignement ne convient plus du tout.

Une solution serait de créer des classes,une pour mes libellé et une pour les libellés de mes options, mais le problème suivant, c'est que j'ai déjà des classes pour certains types de mes libellés, comme par exemple, une classe .obligatoire qui met en gras le libellé, ou .facultative qui met en italique le libellé.

Je pourrais insérer dans chacun des ses classes, l'alignement voulu, mais je préferai factoriser un peu le code, et donc faire une sorte de classe mère pour certains types de libellé. est ce possible ??

J'espère avoir été assez claire... Smiley confus

Merci d'avance
Arnaud
Modifié par arno83 (30 Jul 2007 - 12:12)
Tu as pensé à utiliser plusieurs classes?

<label class="obligatoire normal">
...
<label class="obligatoire radio">

Tu peux alors donner un style pour la classe "obligatoire", un style pour la class "normal" et un style pour la classe "radio".
Merci Florent, je ne savais pas qu'on pouvait appeler plusieurs classes !

ça résout effectivement mon problème

Merci encore
Arnaud