Comme.nous.avons.déjà.créé.un.style.d’ensemble.de.champs.générique,.la.première.chose.à.
faire.est.de.redéfinir.ces.styles,.de.ramener.à.zéro.le.remplissage.et.les.marges,.de.supprimer.
les.bordures.et.de.définir.une.couleur.d’arrière-plan.transparente :.
fieldset#favoriteColor {
margin: 0;
padding: 0;
border: none;
background: transparent;
}
Le.titre.doit.agir.à.la.manière.d’une.étiquette..Il.doit.donc.flotter.à.gauche.et.avoir.une.largeur.de.10 cadratins.comme.les.autres.étiquettes..Il.doit.aussi.ressembler.à.une.étiquette..
Le style.de.police.doit.être.normal.et.la.taille.de.police.réduite.
#favoriteColor h2 {
width: 10em;
float: left;
font-size: 1em;
font-weight: normal;
}
La.disposition.en.deux.colonnes.peut.ensuite.être.créée.en.donnant.une.largeur.aux.div.et.
en.les.faisant.flotter.à.gauche..Toutefois,.comme.toutes.les.div.dans.ce.formulaire.ont.été.
dégagées.à.gauche,.il.faut.redéfinir.cette.déclaration.en.utilisant.clear:none..
#favoriteColor .col {
width: 8em;
float: left;
clear: none;
}
Toutes.les.étiquettes.dans.ce.formulaire.flottent.à.gauche.et.sont.définies.avec.une.largeur.
de.10 cadratins..Les.étiquettes.pour.les.cases.à.cocher.n’ont.cependant.pas.besoin.d’être.
flottantes..Cette.déclaration.peut.ainsi.être.redéfinie.ici.
#favoriteColor label {
float: none;
}
Nous.venons.de.réaliser.une.mise.en.forme.de.formulaire.relativement.complexe..Le.style.
de.formulaire.simple.se.charge.de.la.mise.en.forme.générale.et.les.exceptions.sont.gérées.de.
manière.individuelle.par.redéfinition.des.styles.