Incorporer image zone de texte (html + css)

Fermé
Mary - 9 juil. 2009 à 14:39
 Mary - 9 juil. 2009 à 14:41
Bonjour,

Je vous embete encore avec ma zone de recherche ... :$

Donc vala, il y a une sorte de pointe qui doit indiquer la zone de recherche. Cette pointe est en realite une image (.gif). J'ai vaguement reussi a la coller au-dessus mais je ne sais pas comment supprimer la bordure juste a la zone de contact ...

Voici le code (simplifie ^^) :

<html>
<head></head>

<body>
<span style="margin-left: 15px; padding: 5px 13px 5px 8px; font-size: 12px; font-style: inherit; font-weight: inherit; text-decoration: inherit; background-image: url(http://z.about.com/h/hp/srch_bg.gif); background-repeat: no-repeat; display: block; float: left; background-position: 0% 100%;">
				<div id="pointe" style="margin-left: 6%; margin-bottom: -5px;" ><img src="pointe.gif" alt="pointe"></div><td>
				<input name="search" type="text" style="border: 2px solid rgb(205, 205, 205); margin: 0px; padding: 0px 0px 0px 0px; vertical-align: middle; width: 300px; font-family: Verdana; font-style: normal; font-variant: normal; font-weight: normal; font-size: 13px; line-height: 1.2; font-size-adjust: none; font-stretch: normal; height: 20px;" >
				<input type="submit"  value="FIND" style="margin-left: 5px;border-width: 0px; padding: 0px; cursor: pointer; vertical-align: middle; background-color: #c31b01; height: 25px; text-align: center; text-indent: -9999px; width: 63px; margin-bottom: 3px; background-position: 50%; color: #ffffff;" /></td>
</span>
</html>



Et l'image :

[url=http://www.noelshack.com/][img]http://www.noelshack.com/uploads/16062009/pointe069218.gif/img/url
A voir également:

1 réponse

Zut, le lien ne fonctionne pas et je n'ai pas pu uploade l'image, trop petite je pense =( Il s'agit juste d'un triangle ...
-1