Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Mar 2011
    Posts
    96
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Images not lining up?

    Hello:
    I have created two buttons for my website, a "HOME" button and a "BACK" button. I have listed the code below. I have positioned the home button on top of the back button towards the side of the page. They line up 100% perfect in IE, one on top of the other. When I open the same page in Safari, Chrome or firefox, the home buttom is lined up perfect but the back button is slightly moved over to the left by 1 or 2 pixels but enough to where the viewer of the page can tell that the buttons are not aligned with one another.
    Any suggestion would be very much appreciated.


    <a href="\EE Properties\Ehome.htm"><img src="\EE Properties\epgif\home2.jpg"style="position:relative;left:-17px; top:160px;border-color:transparent;"><a href="\EE Properties\Ecommercial.htm"><img src="\EE Properties\epgif\back2.jpg"style="position:relative;left:-45px;top:270px;border-color:transparent;"></a>

  • #2
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    626
    Thanks
    51
    Thanked 67 Times in 67 Posts
    I'd advise against relative positioning if its not necessary. Try floating your buttons to where they should be, if possible.

    A link to your page would also help, or a little more code to give some context.
    "Yeah science!"
    Online Science Tools


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •