12 février 2009
4
12
/02
/février
/2009
00:23
Si vous désirez que chacune de ces 2 parties ait un design particulier
Vous rajoutez dans le CSS la ligne
.recherche input { }
Elle concerne les 2 rectangles.
Mais vous allez y faire les modifications du 1er rectangle - celui de saisie - en rajoutant la couleur d'écriture, de fond, la longueur, la largeur...
Pour le design du 2nd rectangle - celui où il y a écrit Recherche - vous allez rajouter dans le CSS la ligne
.recherche .button {}
Dans mon exemple :
Pour le 1er rectangle, j'ai
- mis un fond particulier
- mis une bordure
- fixé sa largeur à 200px
- mis une couleur de saisie
.recherche input{ background-color:#3c4157;border:1px solid #000033;width:200px;color:#d8e2ec;}
Ces modifications sont apparus sur les 2 rectangles, j'ai alors décidé, pour le 2nd rectangle, de
- mettre la largeur à 70px
- un autre fond
- une autre couleur d'écriture
- de centrer le mot Recherche
.recherche .button {width:70px;background-color:#d8e2ec;color:#3c4157;text-align:center;}