treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Applying Image Buttons to Existing Layout

  • Having trouble applying image buttons to an existing layout.

    http://rutholsonphoto.com/testbuild/index.php

    Every time I add the div's, and then attempt to get them where I need them, they end up pushing other div's out of the way in order to get to where they need to go.

    And I know exactly, pixel wise where they need to be. But it's frustrating me. I tried all night and went back at square one.

    The 3 buttons have dimensions of 37px by 37px, and all are set 9px from the top. From the left position of the screen, they sit at 720px, 767px, 813px respectively.
  • I was told by someone that I shouldn't use positioning either, but that's the only way I know of to get them where they needed to be, but I still can't figure out why they're moving my div's around.
  • Not quite sure what you mean, but If you are referring to the rollover effect on the social network buttons, you can achieve this by changing this section

    #snetwork {
    float:right;
    margin-right:60px;
    margin-top:9px;
    width:131px;
    }