Welcome to Discuss Everything Forums...

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed.


 

Tags for this Thread

+ Reply to Thread
Results 1 to 2 of 2
  1. #1
    Hari A's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Jul 2009
    Posts
    4
    Downloads
    0
    Uploads
    0

    [HTML/CSS] I want an image and some text overlayed for the submit button for

    a form.. How do I do it? I'm not sure if this involves my stylesheet, but basically I want to submit a form using an image (input type=image?) WITH some text over the image. I tried using a standard input type=submit, value=text + styling with a background image, but the background goes behind the button. Any ways around this??

    Think like a standard text button, with a background gradient, where the text is separated from the gradient.

  2. #2
    StupidShep's Avatar
    Junior Member

    Status
    Offline
    Join Date
    Jul 2009
    Posts
    13
    Downloads
    0
    Uploads
    0
    I would make the text part of the image - unless it has to be dynamic text. This is easier. Then:

    <form id="my" action="/form.php">
    <!--INPUT STUFF-->

    <img src="/path/to/picture.jpg" onclick="
    document.gettElementById('my').submit();
    " alt="" />

    </form>

 

 

Quick Reply Quick Reply

Click here to log in


What comes after M0nday

Thread Information

Users Browsing this Thread

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

Similar Threads

  1. Replies: 0
    Last Post: 10-20-2010, 03:42 AM
  2. Replies: 0
    Last Post: 10-18-2010, 03:33 AM
  3. Replies: 0
    Last Post: 11-11-2009, 08:40 PM
  4. Replies: 0
    Last Post: 09-04-2009, 02:40 AM
  5. Replies: 0
    Last Post: 07-21-2009, 12:47 AM

Bookmarks

Posting Permissions

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