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

thomqsCSS d'un formulaire (zone de saisie)
Par thomqs, le Vendredi 10/03/2006 à 19h27'42
3 messages
Bonjour à tous,

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

xersesPar xerses, le Vendredi 10/03/2006 à 19h48'37
658 messages
je pense qu'en donnant une class à ton formulaire :
"<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

thomqsPar thomqs, le Vendredi 10/03/2006 à 19h52'34
3 messages
Oui, ça marche, merci beaucoup !!!

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

icoPar ico, le Vendredi 10/03/2006 à 19h56'09
437 messages
alors il te faut une couleur bleu déjà comme par exemple '#0000FF'.

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)

raptorPar raptor, le Vendredi 10/03/2006 à 20h18'33
2209 messages
Alala le zaza

________________
Fondateur de Net-Pratique,
Ancien webmaster.
Statut: Administrateur/Webmaster

icoPar ico, le Vendredi 10/03/2006 à 20h56'53
437 messages
bah le temps de taper sur mon clavier avec des moufles c sure :o

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)

thomqsPar thomqs, le Vendredi 10/03/2006 à 21h12'25
3 messages
"Mieux vaut tard que jamais "

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

icoPar ico, le Vendredi 10/03/2006 à 22h11'04
437 messages
Ok pas de problème [danse]
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)

xersesPar xerses, le Vendredi 10/03/2006 à 23h55'24
658 messages
Héhé le modérateur a bien fait son boulot
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

icoPar ico, le Samedi 11/03/2006 à 08h51'25
437 messages
Bonjour,
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

Réponses les plus anciennes... 1 ...Réponses les plus récentes

A lire également

- Les conditions générales d'utilisation du site

Top-sites membres

Méta Annuaire | -14 pointsFunny-smile : Humour, videos, fun | -14 pointsTYARAN LA WEBCAM DU PETIT CHEMIN | -25 pointsChez philippe | -25 points

Discussions récentes dans les forums

Sujet Forum
rerRe: le site web du plombier
Réponse postée par rer le 28/08/2008 à 11h53'39
Le comptoir » Le bar
texassRe: liens avec mes 2 sites immobilier
Réponse postée par texass le 28/08/2008 à 08h01'44
Le comptoir » Echange de liens / Recherche de partenaires
texassRe: Echange Liens -> 2 Sites informatique & Internet PR4
Réponse postée par texass le 28/08/2008 à 08h00'27
Le comptoir » Echange de liens / Recherche de partenaires
touretEchange Automatique [Réglé]
Sujet posté par touret le 25/08/2008 à 10h42'40
Le comptoir » Echange de liens / Recherche de partenaires
fulgonirecherche webmaster bénévole pour modifs site www.yvelines-breizh.fr
Sujet posté par fulgoni le 23/08/2008 à 17h56'00
Le comptoir » Echange de liens / Recherche de partenaires
1cyrilConseil: Quels logiciels ?
Sujet posté par 1cyril le 19/08/2008 à 20h35'35
Graphisme / Photographie » Webdesign
rerLe travail partagé à distance sur un même projet.
Sujet posté par rer le 19/08/2008 à 17h10'50
Le comptoir » Le bar
1cyrilRe: Les outils pour le nouveau site de rer
Réponse postée par 1cyril le 18/08/2008 à 16h13'15
Le comptoir » Le bar
maxinouveau site regie pub gratuite
Sujet posté par maxi le 18/08/2008 à 16h03'41
Internet » Sites de ressources
reymysterio2aRe: La Brute
Réponse postée par reymysterio2a le 10/08/2008 à 13h01'15
Le comptoir » Le bar
Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 11