need help debugging why css fails

Question

i have markup like

shown here

i am wondering why it seems like lines 12 & 13

.notes:link span,
.notes:visited span { ...

seems like its working

.comments span,
background-position: -16px -16px;
}
.permalink:link span,
.permalink:visited span {
background-position: -32px -16px;
}

seems like its non existent

for some reason, cssdesk seems to be down in that case code below ...

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
    .notes:link span,
    .notes:visited span, 
    .comments span,
    .permalink:link span,
    .permalink:visited span {
      background: url("http://static.tumblr.com/ikeq9mi/F6Tl4vrjj/metasprite.jpg") no-repeat;
      padding-right: 16px; /* width */
      font-size: 15px; /* height */
      margin: 0 2px;
      position: relative;
      top: -1px;
    }
    .notes:link span,
    .notes:visited span {
      background-position: 0 -16px;
    }
    .comments span,
      background-position: -16px -16px;
    }
    .permalink:link span, 
    .permalink:visited span {
      background-position: -32px -16px;
    }
    .notes:hover span,
    .notes:active span {
      background-position: 0 0;
    }
    .comments span,
      background-position: -16px 0;
    }
    .permalink:hover span,
    .permalink:active span {
      background-position: -32px 0;
    }
    </style>
</head>
<body>
<a href="{Permalink}#notes" class="notes" title="notes">{NoteCount}<span></span></a> / 
<span class="comments">
  <a href="{Permalink}#disqus_thread" class="dsq-comment-count" title="comments">Comments</a>
  <span></span>
</span> / 
<a href="{Permalink}" class="permalink" title="permalink"><span></span></a>
</body>
</html>

Better you post your HTML and CSS here. It makes it easier for us. — Felix Kling
– Felix Kling, Commented Jul 16, 2010 at 10:57

Jari · Accepted Answer · 2010-07-16 10:57:55Z

5

I think you should have

.comments span {
    background-position: -16px -16px;
}

instead of

.comments span,
    background-position: -16px -16px;
}

answered Jul 16, 2010 at 10:57

Jari

2,15213 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Nick Craver Over a year ago

+1 Quicker than I spotting this, here's the updated version: cssdesk.com/gCZu8

Sean Amos · Accepted Answer · 2010-07-16 10:59:10Z

0

Well, the CSS you've posted is incorrect, you are missing an opening brace, things like this will cause inconsistent parsing in browsers.

.comments span,
background-position: -16px -16px;
}

should be

.comments span {
background-position: -16px -16px;
}

answered Jul 16, 2010 at 10:59

Sean Amos

2,40120 silver badges13 bronze badges

Collectives™ on Stack Overflow

need help debugging why css fails

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related