CSS Background:

Résolu/Fermé
Aurel35N - 30 déc. 2009 à 11:58
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 - 30 déc. 2009 à 12:22
Bonjour, alors voila j'ai un souci avec CSS.
Je veux afficher une image en background d'un input, dont voici le code :

<input type="image" value="Connexion"></input>

et pour le CSS :

#login input[type="image"]
{
width: 100px;
height: 25px;
color: #FDD130;
background: url("../Img/input_text.png");
}

A vrai dire, cela fonctionne très bien mis à part que sur mon image se rajoute une icône : celle d'une feuille A4 déchirée horizontalement.
A voir également:

2 réponses

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
30 déc. 2009 à 12:09
Pour les input[type="image"], il faut faire comme ça :
<input type="image" src="image.png" />
Donc je ne vois pas pourquoi il faudrait mettre une image de fond en CSS.
Mais si tu veux mettre une image + un background, alors c'est bon.
La feuille A4 déchirée signifie qu'il y a une erreur dans les URL.
1
merci beaucoup, cela fonctione s'était du au fait que je n'avait pas préciser ma source dans mon input.
0
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 181
30 déc. 2009 à 12:22
Bonjour,

l'image dans un input est toujours en premier plan; donc il te faut créer une image avec le texte connexion dans celle ci :

<style>
input[type="image"]
{
width: 100px;
height: 25px;
color: #FDD130;
//background: url("Images/img.png");
}
</style>

<input type="image" src="Images/Connexion.png"></input>
1