how do i add a form in this image

Discussion in 'HTML & Website Design' started by SupremeMedia, Feb 19, 2011.

  1. #1
    [​IMG]

    how do i code it so that people can put their name/email and click the submit button?
     
    SupremeMedia, Feb 19, 2011 IP
  2. aRo`

    aRo` Peon

    Messages:
    141
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you should remove the fields and buttons from the image and add them in html.
     
    aRo`, Feb 19, 2011 IP
  3. karthimx

    karthimx Prominent Member

    Messages:
    4,959
    Likes Received:
    127
    Best Answers:
    2
    Trophy Points:
    340
    #3
    There are 2 ways to do this.

    1) Remove the text box and button and add the image as div tag background and inside div tag add form

    2) Add this image as it is and add a text box around it and css button to link them.
     
    karthimx, Feb 19, 2011 IP
  4. mediatunes

    mediatunes Member

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #4
    Here is how I would approach this.
    1) I would make the image a background using CSS.

    2) Then create the form in HTML. With some styling you can position the fields over the input field image. Remove the border from the input/text field.

    3) For the submit button I would make that it's own image With your image editor of choice remove the submit button from the main image and save the button as a separate image file. Then where the button was clean it up using the background green. Then make the submit button and image button.
     
    mediatunes, Feb 19, 2011 IP