Afficher un input text sur une image

Résolu/Fermé
Pierrot81 - 24 nov. 2010 à 11:18
MastercroW Messages postés 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 - 24 nov. 2010 à 11:51
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


4 réponses

MastercroW Messages postés 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
Modifié par MastercroW le 24/11/2010 à 11:27
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
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 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
24 nov. 2010 à 11:49
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 1095 Date d'inscription dimanche 3 octobre 2010 Statut Membre Dernière intervention 31 mai 2019 163
Modifié par MastercroW le 24/11/2010 à 11:51
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