Changer la couleur d'une cellule
damchap
-
damchap Messages postés 1 Statut Membre -
damchap Messages postés 1 Statut Membre -
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
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
A voir également:
- Changer la couleur d'une cellule
- Changer dns - Guide
- Excel cellule couleur si condition texte - Guide
- Changer la couleur de la barre des taches - Guide
- Excel somme si couleur cellule - Guide
- La boite a couleur - Télécharger - Divers Photo & Graphisme
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... @+
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... @+
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>
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>
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>• Leoca-paris.com : Contact •</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>
@+
