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:

CSS Background:
Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
Background remover - Télécharger - Montage photo
Enlever couleur lien css ✓ - Forum CSS
Realtek audio background process class ✓ - Forum Pilotes (drivers)
Css premier plan ✓ - Forum CSS

2 réponses

Réponse 1 / 2

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.

Aurel35N
30 déc. 2009 à 12:16

merci beaucoup, cela fonctione s'était du au fait que je n'avait pas préciser ma source dans mon input.

Réponse 2 / 2

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>

Discussions similaires

trait horizontal avec du css

Task host windows, c'est quoi ?

Enlever le soulignement sous les liens en HTML/CSS

[CSS] Forcé retour à la ligne

HTML - définir taille bouton