The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Aligning sprite in List element

  • # November 27, 2012 at 3:04 pm

    Here….try this.

    # November 27, 2012 at 3:21 pm

    Offhand I think all that is necessary is to change the position to get it to line up in

    .block li a {
    background:transparent url(
    no-repeat 4px -816px;

    if you make it -813px it looks about right.

    # November 27, 2012 at 3:29 pm

    Thanks. Any idea what should be done to align the arrow ?

    I have done what I believe is a dirty hack : []( “”)

    I used,

    .block ul, .block li {

    .block li {
    background:transparent url( no-repeat 4px -816px;
    padding:0 0 0 18px;

Viewing 3 posts - 16 through 18 (of 18 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed