affichage icone dans zone de texte

**argon** · 13/01/2009, 21h28

Bonsoir tout le monde

Je souhaite afficher une icone à gauche d'une zonne de texte.

Voici le code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
input#nom {
 
height: 18px;
padding-left: 18px;
background: url ("./image/user.png") no-repeat 1px 1px;
 
}

Le problème est que l'icone ne s'affiche pas, mais le zone de texte est modifier.

Le problème vient il de l'extention de l'icone?

Que dois je modifier?

A +

**Erwan31** · 13/01/2009, 21h34

Bonsoir,
sans une page en ligne il va être difficile de t'aider.

PS: attention à ton orthographe

**argon** · 15/01/2009, 09h50

Bonjour tout le monde

J'ai oublié de vous dire que je développe mon site avec jspx.

Voici le code de la page.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<?xml version="1.0" encoding="UTF-8"?>
 
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0">
 
    <jsp:directive.page contentType="text/html" pageEncoding="UTF-8"/>
 
 
    <jsp:element name="text">
        <jsp:attribute name="lang">EN</jsp:attribute>
         <jsp:body>
         <head>
 
<title>essais</title>
 
<LINK href="style/user.css" rel="stylesheet" type="text/css"></LINK>
 
</head>
 
<body>
 
 
 
    <form method="post" action="identification">
    <table style="text-align:right">
        <tr><td>Nom </td><td><input type="text" name="nom" id="nom"/></td></tr>
        <tr><td>Mot de passe</td><td><input type="password" name="mdp" id="mdp"/></td></tr>
        <tr><td></td><td><input type="submit" value="Envoi"/></td></tr>
    </table>
    </form>
 
 
</body>
 
 
       </jsp:body>
    </jsp:element>
 
</jsp:root>

Y a t'il une erreur?

A +

**sedryk** · 15/01/2009, 10h25

Bonjour argon,

Je vois 2 problèmes dans ton style css :
1. Il ne doit pas y avoir d'espace en url et la parenthèse de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background: url ("./image/user.png") no-repeat 1px 1px;

2. Si ton fichier style.css est dans un répertoire style, comme le valeur de l'url est relative cela indique que tu dois avoir un répertoire image dans le répertoire style.

Voilà j'espère que ça t'aidera !

**Macmillenium** · 15/01/2009, 10h32

Envoyé par sedryk

Je vois 2 problèmes dans ton style css :
1. Il ne doit pas y avoir d'espace en url et la parenthèse de

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

background: url ("./image/user.png") no-repeat 1px 1px;

+1
Plusieurs personnes rencontrent ce bug, attention il ne faut surtout pas d'espace entre url et le path de l'image

**argon** · 15/01/2009, 10h41

Re bonjour.

Ca fonctionne.

Merci.

A +.

affichage icone dans zone de texte

CSS

Discussions similaires

Partager

Partager