Image submit button no longer works in IE

Discussion in 'HTML & Website Design' started by BobC, Sep 27, 2010.

  1. #1
    Hi,

    I had a form which was working fine with an image submit button in all browsers. I then adapted it to a two page form, modified the code slightly to allow for two different submit images, and now it's gone wonky in IE. The image is only active over a few pixels in the centre of the image.

    Here's the code for the first button:
    and here's the relevant class:
    I know there have been problems with image buttons in IE but the method here did work when it was on a single form. The only difference is that I now have another class for the second image button.

    They still direct to the right pages as long as you hit the few pixels in the centre of the image.

    Has anyone any ideas on this one?

    cheers, Bob
     
    BobC, Sep 27, 2010 IP
  2. lazycoder

    lazycoder Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    what is the second class? I tried the code you posted and the button looks ok to me...
     
    lazycoder, Sep 29, 2010 IP
  3. BobC

    BobC Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Hi lazycoder,

    here's the other class:

    But here's a funny thing - last night I noticed that the second image button was working ok in IE but the first one still only uses the central pixels. However, if I change the value from " " to " ", the width of the hotspot increases with that, but not the height. And both were working perfectly well in IE on another site.

    Thanks for having a look,

    cheers, Bob
     
    BobC, Sep 29, 2010 IP
  4. lazycoder

    lazycoder Peon

    Messages:
    11
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Don't you have some other class affecting the input button? Until I can't reproduce the problem, I can't help. I would suggest you to start removing elements from the page, until the problem disappears. It will help you track down the line of code causing the problem. Don't forget to clear cache after modifications, if you have the css in separate file. IE caches static content aggressively.
     
    lazycoder, Sep 29, 2010 IP
  5. BobC

    BobC Peon

    Messages:
    9
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hi lazycoder,

    as far as I know, that's the only class involved with the image button. I'm concerned that the problem seems erratic and makes me wonder whether I've done something elsewhere which IE doesn't like. I haven't tried clearing the cache yet although did get a repeat of the problem on all the IE based machines at work.

    Thanks for the help,

    Bob
     
    BobC, Sep 29, 2010 IP