Colorer les cellules d'un formulaire
Fermé
salsero1
Messages postés
69
Date d'inscription
lundi 17 juillet 2006
Statut
Membre
Dernière intervention
22 mars 2008
-
26 avril 2007 à 22:47
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 27 avril 2007 à 16:02
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 - 27 avril 2007 à 16:02
A voir également:
- Colorer les cellules d'un formulaire
- Formule excel pour additionner plusieurs cellules - Guide
- Excel colorer une cellule si - Guide
- Formulaire de réclamation facebook - Guide
- Verrouiller cellules excel - Guide
- Faites afficher avec un fond coloré les cellules qui contiennent une valeur comprise entre 250 et 350. quel nombre est dessiné en surbrillance ? ✓ - Forum Excel
2 réponses
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 776
27 avril 2007 à 00:35
27 avril 2007 à 00:35
Bonjour,
Tu peux peut-être faire ça facilement avec un peu de CSS.
Tu connais ?
Il te suffit de définir une feuille de styles (dans les balises, dans le document ou à l'extérieur) où tu indiqueras les couleurs qui te plaisent.
Un exemple où les styles sont dans le document :
Tu peux peut-être faire ça facilement avec un peu de CSS.
Tu connais ?
Il te suffit de définir une feuille de styles (dans les balises, dans le document ou à l'extérieur) où tu indiqueras les couleurs qui te plaisent.
Un exemple où les styles sont dans le document :
<html>
<head>
<title>Des couleurs</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-15" />
<style type="text/css">
input#t1 {
background-color : #aaf;
color : #4f4;
}
input#t2 {
background-color : #afa;
color : #f44;
}
input#t3 {
background-color : #faa;
color : #44f;
}
</style>
</head>
<body>
<form action="" method="post">
<p>
prénom : <input id="t1" type="text" name="prenom" /><br />
nom : <input id="t2" type="text" name="nom" /><br />
e-mail: <input id="t3" type="text" name="email" /><br />
<input type="radio" name="genre" value="homme" /> homme<br />
<input type="radio" name="genre" value="femme" /> femme<br />
<input type="submit" value="envoyer" /> <input type="reset" />
</p>
</form>
</body>
</html>
Jacobéo
Messages postés
304
Date d'inscription
samedi 10 mars 2007
Statut
Membre
Dernière intervention
28 août 2008
79
26 avril 2007 à 23:07
26 avril 2007 à 23:07
Bonsoir Salsero1,
Ton formulaire doit être construit avec un tableau !? Dans ce cas, il te suffit de chercher "propriétés" et et choisir la couleur du menu déroulant. Cela est en Wysiwyng. Dans le code, cela te donne ceci <table width="80%" align="center" bgcolor="#FF0000">
<tr>
<td> </td>
</tr>
</table>
pour une couleur rouge par exemple. Otes que mon tableau est à 80% de la taille de la page, et qu'il est centré.
Voici un formulaire avec couleurs ( à toi de faire le reste, modifier les couleurs, ajouter ou supprimer ce qui te gêne.
<form name="form1" id="form1" method="post" action="">
<table width="60%" align="center" cellspacing="5" class="texte-gras" >
<tr>
<th colspan="2" bgcolor="#FF0000" class="titre" scope="col">ACCÈS À LA PARTIE RÉSERVÉE AUX MEMBRES AUTORISÉS </th>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td width="52%" class="texte-gras"><div align="right" class="Style3">Nom <span class="champ-obligatoire Style1">*</span> </div></td>
<td width="48%"><input name="Veuillez indiquez votre nom" type="text" id="Veuillez indiquez votre nom" onblur="MM_validateForm('Veuillez indiquez votre nom','','R','textfield','','R','Caractère @ obligatoire','','R','Veuillez saisir votre mot de passe','','R','Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect','','R');return document.MM_returnValue" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Prénom <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="textfield" type="text" onblur="MM_validateForm('Veuillez indiquez votre nom','','R','textfield','','R','Caractère @ obligatoire','','R','Veuillez saisir votre mot de passe','','R','Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect','','R" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Adresse de courriel <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="Caractère @ obligatoire" type="text" id="Caractère @ obligatoire" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Mot de passe <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="Veuillez saisir votre mot de passe" type="password" class="texte-gras " id="Veuillez saisir votre mot de passe" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Confirmation du mot de passe <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect" type="password" class="texte-gras " id="Vous n'avez pas confirmé votre mot de passe, ou il est incorrect" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td colspan="2"><div align="right" class="texte">
<div align="center"><span class="Style4"> <span class="Style1">*</span> </span><span class="Style6">Champs obligatoires</span></div>
</div></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td><div align="right">
<blockquote>
<p>
<input name="Submit" type="submit" class="texte-gras" value="Envoyer" />
</p>
</blockquote>
</div></td>
<td><blockquote>
<p>
<input name="Submit" type="reset" class="texte-gras" value="Annuler" />
</p>
</blockquote></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td colspan="2"><div align="right" class="retour"></div></td>
</tr>
</table>
</form>
Ton formulaire doit être construit avec un tableau !? Dans ce cas, il te suffit de chercher "propriétés" et et choisir la couleur du menu déroulant. Cela est en Wysiwyng. Dans le code, cela te donne ceci <table width="80%" align="center" bgcolor="#FF0000">
<tr>
<td> </td>
</tr>
</table>
pour une couleur rouge par exemple. Otes que mon tableau est à 80% de la taille de la page, et qu'il est centré.
Voici un formulaire avec couleurs ( à toi de faire le reste, modifier les couleurs, ajouter ou supprimer ce qui te gêne.
<form name="form1" id="form1" method="post" action="">
<table width="60%" align="center" cellspacing="5" class="texte-gras" >
<tr>
<th colspan="2" bgcolor="#FF0000" class="titre" scope="col">ACCÈS À LA PARTIE RÉSERVÉE AUX MEMBRES AUTORISÉS </th>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td width="52%" class="texte-gras"><div align="right" class="Style3">Nom <span class="champ-obligatoire Style1">*</span> </div></td>
<td width="48%"><input name="Veuillez indiquez votre nom" type="text" id="Veuillez indiquez votre nom" onblur="MM_validateForm('Veuillez indiquez votre nom','','R','textfield','','R','Caractère @ obligatoire','','R','Veuillez saisir votre mot de passe','','R','Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect','','R');return document.MM_returnValue" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Prénom <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="textfield" type="text" onblur="MM_validateForm('Veuillez indiquez votre nom','','R','textfield','','R','Caractère @ obligatoire','','R','Veuillez saisir votre mot de passe','','R','Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect','','R" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Adresse de courriel <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="Caractère @ obligatoire" type="text" id="Caractère @ obligatoire" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Mot de passe <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="Veuillez saisir votre mot de passe" type="password" class="texte-gras " id="Veuillez saisir votre mot de passe" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td class="texte-gras"><div align="right" class="Style3">Confirmation du mot de passe <span class="champ-obligatoire Style1">*</span> </div></td>
<td><input name="Vous n'avez pas confirmé votre lmot de passe, ou il est incorrect" type="password" class="texte-gras " id="Vous n'avez pas confirmé votre mot de passe, ou il est incorrect" /></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td colspan="2"><div align="right" class="texte">
<div align="center"><span class="Style4"> <span class="Style1">*</span> </span><span class="Style6">Champs obligatoires</span></div>
</div></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td><div align="right">
<blockquote>
<p>
<input name="Submit" type="submit" class="texte-gras" value="Envoyer" />
</p>
</blockquote>
</div></td>
<td><blockquote>
<p>
<input name="Submit" type="reset" class="texte-gras" value="Annuler" />
</p>
</blockquote></td>
</tr>
<tr bgcolor="#CCCCCC" background="../../dossier_jpg/fond.jpg">
<td colspan="2"><div align="right" class="retour"></div></td>
</tr>
</table>
</form>
salsero1
Messages postés
69
Date d'inscription
lundi 17 juillet 2006
Statut
Membre
Dernière intervention
22 mars 2008
41
26 avril 2007 à 23:19
26 avril 2007 à 23:19
Merci de m'avoir repondu, mais ce n'est pas ce que je cherche.
en fait, je souhaite colorer les cases de mon formulaire
exemple:
<INPUT type=text name="modele" value="bebe" >
je souhaite colorer la case ou va se trouver bebe.
en fait, je souhaite colorer les cases de mon formulaire
exemple:
<INPUT type=text name="modele" value="bebe" >
je souhaite colorer la case ou va se trouver bebe.
27 avril 2007 à 06:53
Y a pas photo ! Entre le code HTML et les balises générées par la machine en Wysiwyg et le CSS, ma décision est confirmée (s'il le fallait), je revois tout en CSS. De plus, cela permet de voir que l'écriture n'est aussi compliquée que l'on pense. Il y a encore de belles journées de découvertes en perspective ;-)
27 avril 2007 à 16:02
Et avec, on aurait aussi pu faire une mise en forme un peu plus présentable.
Quant à la simplicité, elle peut vite se cacher quand on essaye de tout prévoir.
Jette un œil à celles d'Adobe : https://www.adobe.com/css/mm_import.css ©
Tu as raison, les découvertes restent nombreuses et passionnantes (-: