Changer la couleur d'une cellule

Fermé
damchap - 28 oct. 2010 à 11:42
damchap Messages postés 1 Date d'inscription jeudi 28 octobre 2010 Statut Membre Dernière intervention 28 octobre 2010 - 28 oct. 2010 à 13:34
Bonjour,

Je suis en train de faire un formulaire de contact en html pour un site web et je souhaite savoir s'il est possible de modifier l'apparence des cellules pour ne plus avoir ces gros rectangles blancs. Est-ce que quelqu'un aurait la solution à ce problème SVP ? Si la réponse consiste à créer une CSS spécifique, est-ce que vous pouvez aussi m'aiguiller sur le code de cette classe ?
Merci d'avance pour vos réponses
Damien

4 réponses

Bonjour,
Et si tu nous exposait ton code (HTML/CSS) ici, ça nous ferait gagner un max de temps pour t'aider efficacement :-)
PS: utilise la balise code (le petit logo juste après l'icône S)
Alors... @+
0
Merci Twinpics :
voici mon code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="google-site-verification" content="vFFgsZB0Ii7TT8WWoD3h6ZsbxbF_m6_tGzpjFF3Gkz4" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Leoca-paris.com : nous contacter</title>


<style type="text/css">
<!--
.police-leoca {
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}
.police-leoca {
color: #DE9D07;
}
-->
</style>
</head>

<body background="img/couleurfondLEOCA.jpg" align="center">
<td align="center">
<form method="post" action=formail.php>

<p align="center"><span class="police-leoca">PRENOM</span><br>
<input name="Prénom" type="text" class="texte" size="40">
</p>
<p align="center"><span class="police-leoca">NOM</span> <br>
<input name="Nom" type="text" class="texte" size="40">
</p>
<p align="center"><span class="police-leoca">EMAIL</span><br>

<input name="Email" type="text" class="texte" size="40">
</p>
<p align="center"><span class="police-leoca">OBJET </span> <br>
<input name="Position" type="text" class="texte" size="40">
</p>
<p align="center"><span class="police-leoca">MESSAGE</span><br>
<textarea name="Question" cols="50" rows="3" class="texte"></textarea>

</p>
<p align="center">
<INPUT TYPE=submit VALUE="ENVOYER" class="police-leoca">

</form>
</td>

</body>
</html>
0
Ceci n'étant qu'un exemple, à toi d'adapter les couleurs de police, des bordures, des fonds, etc...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta name="google-site-verification" content="vFFgsZB0Ii7TT8WWoD3h6ZsbxbF_m6_tGzpjFF3Gkz4" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>&bull; Leoca-paris.com : Contact &bull;</title>
	<style type="text/css">
	<!--
	body {text-align: center; background: url(img/couleurfondLEOCA.jpg) repeat;}
	form {margin: auto; width: 50%; text-align: center; border: 0px none;}
	form fieldset {padding: 1%; border: 1px solid #000099;}
	form legend {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; font-weight: bold; color: #de9d07;}
	form p {font-size: 1em; text-align: center;}
	form p, input, textarea {font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; color: #de9d07;}
	form input, textarea {background: #fff9c9; border: 1px solid #000099;}
	form input#envoi {
		font-weigh: bold;
		color: #000;
		background: #c0c0c0;
		border-top: 1px inset #000;
		border-right: 2px outset #000;
		border-bottom: 2px outset #000;
		border-left: 1px inset #000;
	}
	form input#envoi:hover {
		font-weight: bold;
		color: #fff;
		background: #000;
		border-top: 1px inset #c0c0c0;
		border-right: 2px outset #c0c0c0;
		border-bottom: 2px outset #c0c0c0;
		border-left: 1px inset #c0c0c0;
	}
	-->
	</style>
</head>

<body>
<form method="post" action="formail.php">
	<fieldset>
		<legend>~ CONTACT ~</legend>
		<p>PRENOM<br />
		<input type="text" class="texte" name="Prenom" value="" size="40" /></p>

		<p>NOM<br />
		<input type="text" class="texte" name="Nom" value="" size="40" /></p>

		<p>EMAIL<br />
		<input type="text" class="texte" name="Email" value="" size="40" /></p>

		<p>OBJET<br />
		<input type="text" class="texte" name="Position" value="" size="40" /></p>
 
		<p>MESSAGE<br /> 
		<textarea class="texte" name="Question" cols="70" rows="10"></textarea></p>

		<p><input type="submit" id="envoi" name="Send" value="ENVOYER" /></p>
	</fieldset>
</form>
</body>
</html>

@+
0
damchap Messages postés 1 Date d'inscription jeudi 28 octobre 2010 Statut Membre Dernière intervention 28 octobre 2010
28 oct. 2010 à 13:34
Hé ben écoute ça a l'air pas mal ce que tu m'as rédigé... Je vais essayer de l'appliquer avec mes propres modifs et voir ce que cela donne... Merci mille fois pour ta réponse et ta réactivité.
@ +
0