Appnitro Software Forums » MachForm

IE7/8 image positioning issues

(6 posts)
  • Started 1 year ago by johnmacpherson
  • Latest reply from yuniar

  1. johnmacpherson
    Member

    Hello! I just inserted a custom submit button on a form I've created. The form is the newsletter signup at the very bottom of the page. The button appears perfectly in position in all browsers but IE7/8. I've included the URL for the form and the style I used to position the graphic. Any ideas would be great to have it look right in IE. Thanks!

    http:www.northstarcreative.net/test/northstar/index.html

    #main_body .buttons input {
    position:relative;
    top:-49px;
    left:225px;
    height:25px;
    width:26px;
    border:none;
    background: url('../../../images/enewsletter.gif') no-repeat;
    height:25px; width:26px;
    }

    Posted 1 year ago #

  2. yuniar
    MachForm Founder

    I checked your form using Firefox and IE8. Both looks fine here. Have you fixed it?

    Posted 1 year ago #

  3. johnmacpherson
    Member

    It's mainly IE7. The arrow button is about 3px too low. It looks sloppy. Wanted to know how to adjust the spacing so it worked in that browser. Thanks!

    Posted 1 year ago #

  4. Saghalie
    Pro Member

    hmmm, I'm using IE8+64bit and IE8+32bit and don't see any issues. You might want to check your browser settings. Set your browser back to default settings and see if that makes a difference.

    Alternatively you can edit your CSS and adjust.

    Regards,

    Saghalie,
    http://www.kcmhosting.com

    Posted 1 year ago #

  5. johnmacpherson
    Member

    Hello again! The main issue is in IE 7. IE8 is awesome, but in 7 the placement's off significantly. Thanks!

    Posted 1 year ago #

  6. yuniar
    MachForm Founder

    I think you can use conditional comments specific for IE7 only.
    Edit your CSS and add code like below:

    <!--[if IE 7]>
....Special instructions for IE7 padding/margin here....
<![endif]-->

    Adjust the padding/margin of your button there.

    More info about this:
    http://www.quirksmode.org/css/condcom.html

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.