background dans un "input type text"

Version imprimable

15/04/2008, 17h42
esther60

background dans un "input type text"
bonjour,
je comprend pas pourquoi mais je reussi pas avec ce fichier css
Code:

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:

<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
15/04/2008, 17h47
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...
15/04/2008, 17h51
12monkeys

Bonjour

essaye ainsi :

Code:

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

Et vérifie le chemin de ton image par rapport à ton fichier css...
15/04/2008, 17h55
12monkeys

Citation:

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 :D ç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 :aie: puis sur un input, fonctionne sur IE7 et FF.
15/04/2008, 17h57
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...

encore merci
15/04/2008, 18h00
12monkeys

Citation:

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...

==>

Citation:

Envoyé par 12monkeys

Si :D ç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 :aie: puis sur un input, fonctionne sur IE7 et FF.

As tu fait la correction que je t'ai indiqué plus haut ?
15/04/2008, 18h03
esther60

atta comment t as fais!!??

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

mais sur un input type text...non8O
15/04/2008, 18h06
12monkeys

Citation:

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...non8O

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

Code:

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...
15/04/2008, 18h12
esther60

mmmmmmmmmmmh...au risque de paraitre cruche:

voila mon code css

Code:

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

et mon code html

Code:

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

pourquoi ca marche pas?
15/04/2008, 18h19
12monkeys

Hum

Code:

<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...

:cry: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:

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:

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...:cry:

15/04/2008, 18h30
12monkeys

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

Code:

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

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:

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é...

15/04/2008, 19h00
12monkeys

1 pièce(s) jointe(s)

Bon je t'ai mis un exemple tout simple avec une image... disons qu'on ne peut pas rater :mouarf:...

Dis moi si ça fonctionne chez toi... Je ne vois pas pourquoi ça ne devrais pas vu que ça marche chez moi...
15/04/2008, 19h03
esther60

TON EXEMPLE MARCHE

MERCIIIIIIIIIII
15/04/2008, 19h05
12monkeys

De rien :king:
15/04/2008, 19h18
mLk92

lol merci pour l'exemple, j'aurai appris quelque chose aujourd'hui ^^

Oublie pas le résolu ;)