CSS d'un formulaire (zone de saisie) - Forums de discussion
Navigation
Accueil du forum » (X)HTML / CSS » CSS d'un formulaire (zone de saisie)
Le sujet
Je suis sur la voie de rédiger un livre d'or.
Cependant je block sur le css.
Voici une image pour voir plus clair
J'aimerais bien mettre le texte qui se situe dans la zone de saisie en bleu.
Que dois-je faire ?
________________
Mon portfolio : http://tom.serix.be
Les réponses
"<input type='text' class='test'...>'
Et dans ton css, tu mets :
.test{
color:#bleu ;(code à trouver)
}
Voilà j'espère que ca marche comme ça.
________________
Anything that can go wrong will go wrong (Murphy)
Statut: 
Modérateur
Cependant, il me reste une seconde question :$
Comment on doit faire pour avoir devant la zone de saisie un petit rectangle de couleur, sur toute la hauteur de cette zone de saisie ?
________________
Mon portfolio : http://tom.serix.be
ensuite tu doit dans une balise 'form' avoir un endroit ou il y a un 'textarea'. C'est la qu'intervien le css selon deux methode. celle qui est direct comme suit:
<form name="poster" method="post" action="">
<textarea name="message" rows="25" cols="47" style="color: #0000FF;"></textarea>
</form>
Ou une autre methode plus simple si tu te retrouve avec plusieurs fois avec la même couleur:
Tu aura d'abord un fichier .css par exemple 'style.css' dans le quel tu metra
.StyleTextareaBleu
{
color: #F5F010;
}
et enfin dans ta page au niveau de la partie 'head' un lien qui lie ta feuille de style a ta page comme suit:
<head>
<link title="Style Css" type="text/css" rel="stylesheet" href="style.css">
</head>
et enfin plus bas dans la même page cela :
<form name="poster" method="post" action="">
<textarea name="message" rows="25" cols="47" class="StyleTextareaBleu"></textarea>
</form>
Voila tout est dit, il te reste plus qu'a regarder ce site la -> http://fr.selfhtml.org/ dans la section css afin de voie toute les mentions et possibilité.
J'espère avoir répondu à ta demande.
Amitiés.
Désolé mais quelqu'un a répondu plus vite que moi, chu out of the post du coup.
[Message édité par ico le 10/03/2006 à 20h03'09]
________________
"L'homme a l'avenir devant lui et il l'aura dans le dos chaque fois qu'il fera un demi tour!" (Pierre Dac)
________________
Fondateur de Net-Pratique,
Ancien webmaster.
Statut: 
Administrateur/Webmaster
Amitiés
________________
"L'homme a l'avenir devant lui et il l'aura dans le dos chaque fois qu'il fera un demi tour!" (Pierre Dac)
" 
Mais sinon merci ico pour ton explication, elle est bien clair, et bien expliquée pour un débutant, mais je m'en sort pas mal en css
, je voulais juste savoir le lien à mettre dans les balises 
________________
Mon portfolio : http://tom.serix.be
Amitiés.
________________
"L'homme a l'avenir devant lui et il l'aura dans le dos chaque fois qu'il fera un demi tour!" (Pierre Dac)
Il répond plus vite que son ombre.
Pour ta 2e question, je pense qu'il suffit de créer un tableau pour ton formulaire dans lequel tu colleras 2 cases horizontalement dont l'une sera très petite(ta bordure de couleur) et l'autre assez grande pour contenir une partie de ton formlaire.
Pour mettre ta couleur, il te suffira alors de mettre un background-color
________________
Anything that can go wrong will go wrong (Murphy)
Statut: Modérateur
Pour la seconde question, une solution plus simple qu'un tableau compliqué est d'employer une balise 'div' dans lequel on inserera des mensions css. Cf le lien que j'ai donnée sur le self html.
On pourrait par exemple avoir:
<form name="poster" method="post" action="">
<div style="border: 1px #F5F010 dashed;">
<textarea name="message" rows="25" cols="47" class="StyleTextareaBleu"></textarea>
</div>
</form>
Ici j'ai utiliser 3 mention en une. Deja un 'border' avec ses '1px' puis une couleur avec '#F5F010' et enfin un 'style de mise en forme' le 'dashed' qui ici montrerais des pointillé pour faire la diférence avec le solid des champs de saisie.
En gros on peut retenir que dans une balise style="" on peut admettre tout style de css avec notement la propriété border que l'on peut surcharger afin de n'avoir qu'ne mention pour trois.
Ce n'est pas bien dure a comprendre. Le system de class décrit plus haut marche aussi.
Amitiés
________________
"L'homme a l'avenir devant lui et il l'aura dans le dos chaque fois qu'il fera un demi tour!" (Pierre Dac)
Pages
A lire également
- Les conditions générales d'utilisation du site