Hyperlink image rollover

  • Profile Image
    ayiz
    Asked on December 16, 2012 at 12:00 PM

    Hi, I found this very usefull code from this post.
    Instead of using submit button, i try to aply rollover function on the hyperlink image.
    But when i preview the form, the rollover image appear in different way. like in the picture below
    I using this code for my rollover. is there any mistake that i have done?
    i am a newbie.

    #id_5:hover {

    background-image:url(

    http://i860.photobucket.com/albums/ab164/ayiz_89/a2_zps2c0cdfb3.png);

    }

    Thanks in advance for your help. 
  • Profile Image
    fxr
    Answered on December 16, 2012 at 01:54 PM

    What way do you ultimately want this to look/function?

  • Profile Image
    ayiz
    Answered on December 17, 2012 at 12:31 AM

    i like the rollover image to function in normal way.
    when the cursor over the button, an image of "like our page first" to be appear.
    you may refer to this photo.
    the top image is my form and bottom image is the way i want the rollover image to appear.

    Thanks for your reply. 

  • Profile Image
    Welvin
    Answered on December 17, 2012 at 02:44 AM

    Hi,

    This form don't have the submit button so I am confused. You want the submit button to have the image hover?

    Just like this form: http://form.jotformpro.com/form/23511263809956? ?

    Let us know.

     

    Thanks

  • Profile Image
    ayiz
    Answered on December 17, 2012 at 08:22 AM

    Hi,

    sorry to make you confuse. its my bad to upload the image of incomplete form.
    This is how i want my form looks like.

    i try to create a hyperlink in my form that will lead people to my FB page.
    i want my hyperlink to have the image hover.

    My form that you had fix is correct. that's how i want the image hover to appear. but i want the button to function as hyperlink, not as submit button.

    Thanks a lot for your help.




  • Profile Image
    Welvin
    Answered on December 17, 2012 at 10:45 AM

    Hi,

    Is this what you wanted: http://form.jotformpro.com/form/23511263809956? ?

    Feel Free to clone it.

     

    Thanks

  • Profile Image
    idarktech
    Answered on December 17, 2012 at 06:15 PM

    Hi,

    I have also created a form for you: http://form.jotform.me/form/23516403155446

    Clone this form so you can edit the FB URL. Here's how: http://pbrd.co/T3g7sP

    Feel free to let us know if you have further questions. Thanks!

  • Profile Image
    ayiz
    Answered on December 17, 2012 at 07:39 PM

    YESSS!!

    This is what i want...
    Thanks a lot guys...
    Really appreciate your help.

    :)