Forums

Give help. Get help.

  • # February 21, 2013 at 2:45 am

    Hey,

    I’m trying to get a link/an image button (including :hover and :active sprites) working on a responsive design, but I have no idea how to start.

    This is the code:

    a.order {
    text-indent: -9999px;
    display: block;
    width: 450px;
    height: 116px;
    background: url(“../images/button.png”) no-repeat 0 0;
    }

    a.order:hover {
    background-position: 0 -116px;
    }

    a.order:active {
    background-position: 0 -232px;
    }

    I’ve tried the max-width property, but as a result the background gets cut off.

    Any ideas on how to achieve this responsive, without creating a new set of images?

    Thanks,
    Jakob

    # February 21, 2013 at 4:50 am

    It did work, thanks! Funny though how the percentage thing works the opposite way :)

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag