www.webdeveloper.com
Results 1 to 10 of 10

Thread: [RESOLVED] image inside textfield

  1. #1
    Join Date
    Jan 2008
    Posts
    106

    resolved [RESOLVED] image inside textfield

    how do i place an image inside a textfield?

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

  2. #2
    Join Date
    Oct 2009
    Posts
    658
    Perhaps this would help

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

  3. #3
    Join Date
    Jan 2008
    Posts
    106
    something like this?
    Code:
    <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

  4. #4
    Join Date
    Oct 2009
    Posts
    658
    Code:
    <input type="text" name="textfield" id="textfield" style="background-image:('search.jpg');" />

  5. #5
    Join Date
    Jan 2008
    Posts
    106
    unfortunately still doesn't work...

  6. #6
    Join Date
    Oct 2009
    Posts
    658
    My bad slight typo.
    Code:
    <input type="text" name="textfield" id="textfield" style="background-image:url('search.jpg');" />

  7. #7
    Join Date
    Jan 2008
    Posts
    106
    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!

  8. #8
    Join Date
    Oct 2009
    Posts
    658
    Something like this?

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

  9. #9
    Join Date
    Jan 2008
    Posts
    106
    thank you very much! you are really good with codes! thanks for all the help!

  10. #10
    Join Date
    Oct 2009
    Posts
    658
    No problem. Again don't forget to mark as resolved.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles