Afficher un input text sur une image

Résolu
Pierrot81 -  
MastercroW Messages postés 1094 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je souhaiterai afficher un input type text d'un champ de recherche sur le background-image d'une div, l'input se place derrière l'image, comment lui faire s'afficher par dessus l'image ? voici le site : www.albicommerces.com/index-ac.php

Merci


A voir également:

4 réponses

MastercroW Messages postés 1094 Date d'inscription   Statut Membre Dernière intervention   163
 
Bonjour,
J'ai repris le code de ton site alors voilà ce que sa donne :
CSS :(A placer de préférence avec la page index)
input[type=text] { width: 708px; height: 64px; background: url(boutons/rechercher.png) no-repeat; border: none; } 

HTML :
<td align="left" valign="middle"><input type="text" value="Zone de recherche"> 
</td> 

Voilà
0
Pierrot81
 
Merci pour ta réponse, lorsque l'on clique sur l'input, la zone de saisie est maintenant décalé en haut vers la gauche, comment la faire rentrer dans la zone prévu de l'image background ?

Merci
0
MastercroW Messages postés 1094 Date d'inscription   Statut Membre Dernière intervention   163
 
Je te conseil d'utilisé Adobe DreamWeaver cs5 pour son développement en CSS.
Après tu doit mettre des margins : Top, Left, Right, Bottom suivant le décalage.
Ou tu met des padding ca revient au même. Voici un site comment utilisé les margins http://blog.studiovitamine.com/actualite,107,fr/css-margin-vs-padding-marge-externe-et-marge-interne,304,fr.html?id=176
0
MastercroW Messages postés 1094 Date d'inscription   Statut Membre Dernière intervention   163
 
Je viens d'aller voir ton site, je te conseil de découpé ta zone de recherche en 2 parties :
1) Le bleu qui permettra en background pour le fond
2) Le champ qui te permettra pour écrire ton texte. Tu positionne tout ça et op.
0