Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
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;}






Partager cet article
Repost0

commentaires