Personnaliser une cellule

**Julianinho** · 20/10/2009, 13h41

Bonjour,

Je viens de faire un formulaire de contact en html sous dreamweaver, tout marche bien, sauf que je voudrais mettre un peu de couleur dans les cases.
Actuellement mes cases sont comme ça :
http://img24.xooimage.com/files/e/5/...e1-1454f1d.jpg

et je voudrais la mettre comme ceci avec de la couleur :
http://img24.xooimage.com/files/f/3/...re-1454f4b.jpg

mon code html pour une case est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="libelle">
          <p>&nbsp;Adresse : 
            <input name="adresse" type="text" size="48" />
        </p>
</div>

merci

**oceane751** · 20/10/2009, 15h17

hello
tas quoi dans ta classe libellé ?

**Julianinho** · 20/10/2009, 15h28

Envoyé par oceane751

hello
tas quoi dans ta classe libellé ?

C'est ou qu'on peut voir ça ? sur ma page html du formulaire ou sur le fichier "email.php" qui va avec le formulaire ?

**HiRoN** · 20/10/2009, 15h31

Envoyé par Julianinho

C'est ou qu'on peut voir ça ? sur ma page html du formulaire ou sur le fichier "email.php" qui va avec le formulaire ?

Normalement dans ton fichier CSS lié à ton formulaire, ou dans ton .php entre les balise <style> & </style>.

**Julianinho** · 20/10/2009, 15h44

je n'ai pas trouvé de balise "<style>" ni dans le fichier css ni dans le fichier .php

**oceane751** · 20/10/2009, 15h50

arf ba elle est où cette classe? elle est bien quelque part quand meme lol
cherche bien ! tas que 2 fichiers en .css

**Bisûnûrs** · 20/10/2009, 15h51

Envoyé par Julianinho

Je vous met quand meme tout le contenu de mon fichier.css

C'est vrai que c'est mieux de tout balancer comme ça en se disant que de toute façon les gentils Developpiens vont pouvoir se démerder avec, sans essayer de cibler le problème soi-même.

Surtout qu'en l'occurrence ton fichier est d'une totale inutilité ici, pour nous, vu que tu n'as pas de souci d'implémentation, juste l'absence d'implémentation du résultat voulu.

Donc si j'ai bien compris ce que tu attends, il faut juste rajouter dans ton fichier CSS quelque chose comme :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
.libelle input {
   background : #e5e5e5;
}

**Julianinho** · 20/10/2009, 15h53

en cliquant sur la case (ou je veux mettre une couleur de fond) ça m'affiche ce code là, est ce que ça peut vous aider ?

http://img44.xooimage.com/files/b/d/...re-145609e.jpg

PS: je vais essayé le code que tu m'a donné
merci

**Julianinho** · 20/10/2009, 16h03

ton code marche nickel

en revanche bizarrement il ne l'applique pas à toutes mes cases tu sait pourquoi ??

http://img28.xooimage.com/files/e/d/...re-14561df.jpg

**oceane751** · 20/10/2009, 16h08

tous tes input ont la classe .libellé?
si c'est pas le cas c'est normal

**Bisûnûrs** · 20/10/2009, 16h11

Heu ... Je pense que tu as besoin de revoir sérieusement quelques bases.

Si tu regardes ton code HTML, tu verras que la case qui n'est pas grisée n'est pas un input. Mais un textarea ... (et ne me dis pas "mais comment faire alors ?" je te renverrais sur les cours)

**Julianinho** · 20/10/2009, 16h19

oui ils ont tous la valeur "libelle", j'ai remarqué aussi que c'est seulement les cases avec des réponses à choisir dans une liste qui n'ont pas prit la couleur de fond.

Voici le code de 2 cases qui n'ont pas fonctionné :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div class="libelle">
          <p>Votre Message :</p>
          <p>
            <textarea name="message" cols="47" rows="5"></textarea>
            <br />
            <br />
          </p>
        </div>

et

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div class="libelle">
  <p>Objet :</p>
</div>
        <select name="objet">
 
          <option value="">- Sélectionnez -</option>
          <option value="option1">option1</option>
          <option value="option2">option2</option>
          <option value="option3">option3</option>
<option value="option4">option4</option>
        </select>

**Bisûnûrs** · 20/10/2009, 16h22

...

**oceane751** · 20/10/2009, 16h29

tu fais ce que tas dit Bisûnûrs sauf qu'au lieu de mettre input tu mets textarea! faut tester un peu les choses pour voir comment ça réagit sinon t'avanceras pas

**Julianinho** · 20/10/2009, 16h36

j'ai rajouté le code dans le .css en mettant "textarea" à la place, ça fonctionne mais il reste toujours une case en blanc dans le formulaire, elle ne veut pas prendre la couleur de fond, je ne trouve pas d'erreur sur son code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<div class="libelle">
  <p>Objet :</p>
</div>
        <select name="objet">
 
          <option value="">- Sélectionnez -</option>
          <option value="option1">option1</option>
          <option value="option2">option2</option>
          <option value="option3">option3</option>
<option value="option4">option4</option>
        </select>

**oceane751** · 20/10/2009, 16h41

ba teste en suivant ce qu'on tas dit plus haut
faut chercher un peu quand même !

**Julianinho** · 20/10/2009, 16h50

je demande jamais avant de chercher moi meme

si je suis venu ici c'est justement pour que vous m'aidiez,
j'ai essayé à plusieurs reprises, j'ai des "div" dans tous les sens, j'ai essayé plusieurs code différent dans le css, mais rien ne passe, surement parce que ce sont des cases avec une liste déroulante. Là je ne sais pas comment faire.

**oceane751** · 20/10/2009, 17h00

là tas plein de piste, il suffit juste de remplacer un mot!
vu tout ce qu'on tas dit tu trouvera facilement !
on te parle d'input ou de textarea ou autre tu changes ce qu''il faut! tas dejà 2 exemples on peut pas faire mieux pour toi sur ce coup là