Grow your CSS skills. Land your dream job.

Applying Image Buttons to Existing Layout

  • # December 7, 2010 at 1:18 pm

    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.

    # December 7, 2010 at 1:19 pm

    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.

    # December 7, 2010 at 7:44 pm

    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;
    }
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".