Mots pas trop visibles dans Formulaire

**kaselander** · 11/02/2009, 14h43

Salut,
j'ai grand besoin de vos connaissances et bien voilà, j'ai dans mon formulaire des mots qui ont une couleur que je dirai noire claire!!! Mais je veux que ces mots apparaissent plus visibles avec une forte couleur noire.
Je vous envoies mon code html et css :

CODE HTML:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head><title>Menu horizontal avec onglets</title></head>
<div id="corps">
		<form>
		<h4>Contactez-nous</h4>
				<h5>Du Lundi au Samedi de 8h à 17h</h5>
				<table border="0">
 
 <tr>
 <td style="width: 40px" align="left"><img src="image03.gif" width="16" height="16" alt=""></td>
<td>00 bp 000 Abj 00<br />Localisation</td>
 </tr>
 <tr>
 <td align="left"><img src="image04.gif" width="16" height="16" alt=""></td>
 <td>adresse electronique</td>
 
 </tr>
 <tr>
 <td align="left"><img src="image05.gif" width="16" height="16" alt=""></td>
 <td>00 00 00 00 / 00 00 00 00</td>
 </tr>
 </table>
 <h5>Demande de rappel</h5>
 <form name="formulaire" action="fedas-ci@aviso.ci" method="post"     onSubmit="return verif()">
 
<table border="0">
<tr>
  <td>Nom :</td>
 
 <td><input type="text" name="nom" size="30" maxlength="256"></td>
 </tr>
 <tr>
 <td>Prenom :</td>
 <td><input type="text" name="prenom" size="30" maxlength="256"></td>
 </tr>
 <tr>
 <td>E-mail :</td>
 <td><input type="text" name="e-mail" size="30" maxlength="256"></td>
 </tr>
 <tr>
 <td>Téléphone : *</td>
 <td><input type="text" name="tel" size="30" maxlength="256"></td>
 </tr>
 <tr>
 
 <td valign=top>Vos demandes : *</td>
 <td>	
 <input type="checkbox" name="checkbox1" value="Thème1">
 <br><input type="checkbox" name="checkbox2" value="Thème2">
 <br><input type="checkbox" name="checkbox3" value="Thème3">
 <br><input type="checkbox" name="checkbox4" value="Thème4">
 <br><input type="checkbox" name="checkbox6" value="Thème5">
 <br><input type="checkbox" name="checkbox7" value="Thème6">
 </td>
 </tr>
 <tr>
 
 <td valign=top>Votre message : *</td>
 <td><textarea name="message" cols="30" rows="5"></textarea></td>
 </tr>
 <tr>
 <td align=center colspan=2><input type="submit" value="Envoyer"  name="envoyer"> <input type="reset" value="Effacer"></td>
 </tr>
 </table>
 </form>
 
</div> 
</body>

J'aimerais savoir quel code introduire dans mon css qui arrangera tout

CODE CSS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
body
	{
	 width: 900px;
	 margin: auto; 
     margin-top: 25px; 
     margin-bottom: 25px; 
	 background: "http://fonds.toutimages.com/fo_beige/beige064.jpg">;
	}
 
#en_tete{
	  width:800px;
      height:90px;
      background-image: <"banniere2.gif">;
      background-repeat: no-repeat;
      margin-bottom: 10px;
	}
 
#menu{
	width:800px;
	background:#e7474e;
	margin:0 auto;
	height:50px;
	color:#000;
}
.menu{
	float:left;
	width:100px;
	height:45px;
	text-align:center;
	margin-bottom: 10px;
}
.menu a{
	display:block;
	height:30px;
	padding-top:15px;
}
.menu a:link, .menu a:visited{
	text-decoration:none;
	color:#000;
	font-family:verdana, sans-serif;
	font-size:12px;
	background:#abc url(fond.jpg) 0 -45px;
}
.menu#activ a:link, .menu#activ a:visited{
	background:#abc url(fond.jpg);
	color:#000;
}
.menu a:hover, .menu a:active, .menu a:focus{
	background:#abc url(fond.jpg) 0 -90px;
	color:#393;
}
.menu#activ a:hover, .menu #activ a:active, .menu#activ a:focus{
	background:#abc url(fond.jpg);
	color:#393;
}
 
#corps
    {
 margin-bottom: 30px; 
 padding: 10px; 
 margin-top: 15px; 
 color: #B3B3B3;
background-color: white; 
border: 2px outset blue; 
	}
 
#corps h3 , h4/* Tous les titres h3 et h4 du corps */
        {
	 height: 30px;
     padding-left: 30px;	
     color: blue;
     text-align: center;
     font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	 text-decoration: underline;
    }
 
#corps h4 /* Tous les titres h4 du corps */
        {
     text-align: left;
	 text-decoration: none;
    }	
 
p	
       {
	 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	 font-size: 14px;
	 color: black;
	 text-align: none;
    }
 
h5
	{
     color: black;
	 font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
	}
 
 
#pied_de_page
        {
     padding: 1px;
     text-align: center;
	 font-weight: bold;
	 border: 2px solid blue;
    }	
 
a, a:visited {
	background: transparent;
	color: black;
	text-decoration: none;
}
 
a:hover, a:active  {
text-decoration : underline;
color : #9685ba;

J'espère vous avoir fournir le maximum d'infos pour obtenir votre aide.

MERCI

**HiRoN** · 11/02/2009, 15h32

Envoyé par kaselander

que je dirai noire clair !

Noir clair ?

En reprenant ton code, je ne vois pas de "noir clair".

Sauf erreur de ma part :
- Contactez nous > Bleu
- Du lundi... + Demande de... > Noir
- Nom / Prénom... > Gris clair

Si le but est de modifier les intitulés des champs (gris clair), il suffit de modifier le color:#B3B3B3; de #corps.

Sinon, j'ai rien compris...

PS : Ton formulaire est mal construit (utilisation abusive de <table>) et tu aurais dû mettre des <label>. Je te conseille un petit tour ici ou ici

**kaselander** · 11/02/2009, 15h47

Envoyé par HiRoN

Noir clair ?

En reprenant ton code, je ne vois pas de "noir clair".

Sauf erreur de ma part :
- Contactez nous > Bleu
- Du lundi... + Demande de... > Noir
- Nom / Prénom... > Gris clair

Si le but est de modifier les intitulés des champs (gris clair), il suffit de modifier le color:#B3B3B3; de #corps.

Sinon, j'ai rien compris...

PS : Ton formulaire est mal construit (utilisation abusive de <table>) et tu aurais dû mettre des <label>. Je te conseille un petit tour ici ou ici

Merci pour ton aide et c'est vraiment bête que j'ai pas pu repérer cette erreur et je vais faire un tour sur le lien que tu m'as proposé afin d'en apprendre plus et améliorer mes formulaires.

Encore merci

Mots pas trop visibles dans Formulaire [CSS 2]

CSS

Discussions similaires

Partager

Partager