Discussion :

[breizhgen]

Bonjour,

qui pourrait me dire comment mettre une image dans un input de type text, comme dans celui de phpbb 3.0.

En fait je souhaite simplement mettre un input en haut de ma page pour rechercher dans le site, et dans la case je souhaiterai qu'une loupe apparaisse, mais là je bloque.

Merci pour votre aide

Aurore

[piero-la-lune]

Code css :

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

1
2
3
4
5
6
 
.input_search {
background-image: url('http://forums.phpbb-fr.com/styles/prosilver/theme/images/icon_search.gif');
background-repeat: no-repeat;
padding-left: 17px;
}

[kaiser59]

Salut,

Tu veux plutôt dire de type submit, text ne soumet pas donc ta loupe ne servirait pas à grand chose.

Il te suffit simplement de faire ceci :

Code html :

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

<input type="submit" style="width:10px;height:10px;background:transparent url(image.gif) no-repeat;border:0;" value="">

PS : je ne connais pas la taille de ton gif naturellement tu attributs les bonnes valeurs.

[breizhgen]

Merci beaucoup pour ces réponses.

@+