[RESOLVED] image inside textfield

[sher_amf]

how do i place an image inside a textfield?

something like this
http://i36.tinypic.com/15r1jds.jpg

[ssystems]

Perhaps this would help

background-image: url('<path to image>') <settings>;

[sher_amf]

something like this?

<input type="text" name="textfield" id="textfield" background-image:('search.jpg')  />

it does not work the image is already inside the folder with the html file

[ssystems]

<input type="text" name="textfield" id="textfield" style="background-image:('search.jpg');" />

[sher_amf]

unfortunately still doesn't work...

[ssystems]

My bad slight typo.

<input type="text" name="textfield" id="textfield" style="background-image:url('search.jpg');" />

[sher_amf]

it works perfectly... but i have one last question with regards to this... how do i make it that there is indent for typing? with the code you gave me.. the text overlaps the image i am planning something like the image link in my earlier post... the magnifying glass should not be overlapped ...thank you!

[ssystems]

Something like this?

<input type="text" name="textfield" id="textfield" style="background-image:url('search.jpg'); padding-left:20px;" />

[sher_amf]

thank you very much! you are really good with codes! thanks for all the help!

[ssystems]

No problem. Again don't forget to mark as resolved.