12 {{ upvoteCount | shortNum }}
12 {{ upvoteCount | shortNum }}

Adding An Image To The Submit-Button of Sign Up Form. Any Advice?

by Bundberg
7 replies
Hey,

I am trying to find a way how to add a nice-looking image
to my submit button of sign up form.
I mean the image with call to action like "instant access etc",
currently using iContact AR.

When trying to do it with Kompozer I tried this way: Right clicked on
submit button selected image as "field type" in "field properties" and when
clicked "image properties, was able to upload image, but any changes can not be saved.

Is there another way?
Thanks in advance,
Laur
#adding #advice #form #image #sign #submitbutton
  • Profile picture of the author tirupati
    Rss Feed submitting u can make use of iconarchive for various icons
    {{ DiscussionBoard.errors[3361293].message }}
  • Profile picture of the author Evan-M
    css :


    .submit{
    float:left;
    text-align:center;
    text-decoration: none;
    margin: 5px 0px 0px 5px;
    display: block;
    width: 269px;
    border:none;
    height: 59px;
    background: transparent url('images/submit.png') no-repeat;
    }

    .submit:hover {
    background-position: -268px 0;
    cursor:pointer;
    }



    form button code
    <input type= "submit" class="submit" name="Submit" value="" alt="Submit" />
    Signature

    Evan-M

    Easily The Worlds Best Wordpress Popup plugin

    Visit Website Design Firm For All Your Wordpress Coding Needs

    {{ DiscussionBoard.errors[3361295].message }}
    • Profile picture of the author Bundberg
      Thanks for helping ahead, I used it in css but how can I get the button visible on website still can not figure out...
      {{ DiscussionBoard.errors[3363418].message }}
  • Profile picture of the author AdGateMedia
    I've never used iContact but this usually works for me

    <input type="image" src="imageaddress" />
    {{ DiscussionBoard.errors[3363678].message }}
    • Profile picture of the author Bundberg
      Originally Posted by AdGateMedia View Post

      I've never used iContact but this usually works for me

      <input type="image" src="imageaddress" />
      Thanks a lot, could not believe it is so simple, it does work with iContact too!
      {{ DiscussionBoard.errors[3366259].message }}
      • Profile picture of the author Dr Dan
        Originally Posted by StarT View Post

        Thanks a lot, could not believe it is so simple, it does work with iContact too!
        So what were the steps invoilved? Did you use just <input type="image" src="imageaddress" />

        And where did you put it? Thanks.

        Update:

        I figured it out from another poster here.

        On the HTML optin code just replace


        <INPUT type="submit" value="Sign Up Now!">

        with

        <input type="image" src="http://YourImagePath.com/image.jpg" name="optional">

        Worked on icontact
        Signature
        {{ DiscussionBoard.errors[3596052].message }}
        • Profile picture of the author rtrube
          Dr Dan - You are a ROCKSTAR! that little bit of code worked perfectly, and was exactly what i was looking for.

          I have customers complaining that Aweber has been hacked and since they were on my list, that I am responsible for filling their inbox with Viagra ads.... time to switch.
          {{ DiscussionBoard.errors[7093428].message }}

Trending Topics