CSS Background:

Résolu
Aurel35N -  
jjsteing Messages postés 1670 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.
A voir également:

2 réponses

avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
Aurel35N
 
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   Statut Contributeur Dernière intervention   181
 
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