CSS Background:
Résolu
Aurel35N
-
jjsteing Messages postés 1613 Date d'inscription Statut Contributeur Dernière intervention -
jjsteing Messages postés 1613 Date d'inscription Statut Contributeur Dernière intervention -
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.
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.
Configuration: Windows XP Firefox 3.5.6
2 réponses
-
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. -
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>
