background dans un "input type text"

**esther60** · 15/04/2008, 17h42

bonjour,
je comprend pas pourquoi mais je reussi pas avec ce fichier css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
.bg_form
{
BORDER:#66FF00 1px solid; PADDING-LEFT: 7px; COLOR:#FF3399; BACKGROUND-IMAGE: url(boutonmarque.gif); BACKGROUND-REPEAT: NO-REPEAT; BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; 
}

a remplir l'arriere plan de mon input type text

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="text" class="bg_form" name="textfield">

le reste marche (couleur des lettres, couleurs des contours...) mais pas le bakground...

quelqu un sait pourquoi s'il vous plais?

merci

**mLk92** · 15/04/2008, 17h47

Déjà est tu sure de toi sur le fait qu'on est le droit (ou bien que ca soit supporter par ie/ff) de mettre une image sur un input ?

Perso il me semble pas que les images soit prises en comptes...

**12monkeys** · 15/04/2008, 17h51

Bonjour

essaye ainsi :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background-image: url("boutonmarque.gif");

Et vérifie le chemin de ton image par rapport à ton fichier css...

**12monkeys** · 15/04/2008, 17h55

Envoyé par mLk92

Déjà est tu sure de toi sur le fait qu'on est le droit (ou bien que ca soit supporter par ie/ff) de mettre une image sur un input ?

Perso il me semble pas que les images soit prises en comptes...

Si

ça marche, j'avais aussi un petit doute, alors j'ai essayé. D'abord sur un textarea parce que j'avais lu trop vite la question

puis sur un input, fonctionne sur IE7 et FF.

**esther60** · 15/04/2008, 17h57

non desole ca marche pas et mon chemin d'image est bon (situé dans le meme repertoire)

effectivement je crois pas que ce soit possible de faire ca, car je n'arrete pas de voir des gens qui ont le meme probleme que moi...

encore merci

**12monkeys** · 15/04/2008, 18h00

Envoyé par esther60

non desole ca marche pas et mon chemin d'image est bon (situé dans le meme repertoire)

effectivement je crois pas que ce soit possible de faire ca, car je n'arrete pas de voir des gens qui ont le meme probleme que moi...

==>

Envoyé par 12monkeys

Si

ça marche, j'avais aussi un petit doute, alors j'ai essayé. D'abord sur un textarea parce que j'avais lu trop vite la question

puis sur un input, fonctionne sur IE7 et FF.

As tu fait la correction que je t'ai indiqué plus haut ?

**esther60** · 15/04/2008, 18h03

atta comment t as fais!!??

moi aussi j'ai essayé sur un textarea et ca marche...

mais sur un input type text...non

**12monkeys** · 15/04/2008, 18h06

Envoyé par esther60

atta comment t as fais!!??

moi aussi j'ai essayé sur un textarea et ca marche...

mais sur un input type text...non

Mon formulaire existe déjà, le css aussi, j'ai juste rajouté la ligne suivante à mon css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

fieldset input { background: url("../../images/ptites_annonces/top.gif"); }

en utilisant l'adresse d'une image que j'utilise au demeurant ailleurs dans le formulaire...

**esther60** · 15/04/2008, 18h12

mmmmmmmmmmmh...au risque de paraitre cruche:

voila mon code css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

fieldset input { background: url("boutonmarque.gif"); }

et mon code html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input height="15" type="text" name="pseudo" value="" size="15" style="background :#969696" />

pourquoi ca marche pas?

**12monkeys** · 15/04/2008, 18h19

Hum

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input height="15" type="text" name="pseudo" value="" size="15" style="background :#969696" />

ton style dans la balise input, soit "background :#969696" est prioritaire sur le style dans ton fichier css, alors enlève le, parce que actuellement ton input prend la couleur que tu lui indique...

**esther60** · 15/04/2008, 18h27

heu...desole mais non ca ne marche toujours pas

pourtant je suis sur que mon fichier css est lu par mon fichier php ca r mon fichier css en entier est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
fieldset input { background: url("boutonmarque.gif");
COLOR: #000000;
 }
textarea
{ 
BORDER: #CCCCCC 1px solid; PADDING-LEFT: 7px; COLOR: #000000; BACKGROUND-IMAGE: url('cyborg.jpg'); BACKGROUND-REPEAT: NO-REPEAT; BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; 
}

et dans mon fichier "famille.php" j'ai

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<textarea></textarea>
<label><input height="15" type="text" name="pseudo" value="" size="15"  /></label>

et j'ai un background dans mon textarea mais pas dans mon input...

**12monkeys** · 15/04/2008, 18h30

As tu un fieldset entourant ton formulaire ? si non alors mets :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

input { background: url("boutonmarque.gif");

**esther60** · 15/04/2008, 18h36

merci mais... ca marche pas...

l'erreur peut peut etre provenir de l'image non? ou du fait que j ai IE7...

parceque la mon code css est

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
fieldset input { background: url("boutonmarque.gif");
COLOR: #000000;
 }
textarea
{ 
BORDER: #CCCCCC 1px solid; PADDING-LEFT: 7px; COLOR: #000000; BACKGROUND-IMAGE: url('cyborg.jpg'); BACKGROUND-REPEAT: NO-REPEAT; BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 12px; 
} 
input { background: url("boutonmarque.gif");}

donc tout est bon... bon,je veux pas te deranger plus longtemps, merci de m'avoir aidé...