View Full Version : Frustrating CSS Issue

11-10-2011, 10:45 PM
Hi there,

I have a jQuery plugin on my side that's use for filtering list items.

The trouble is, during the 'filtering' my li elements get pinned to the left side of the page, and I have no idea what's causing it.

I've eliminated it being a markup or javascript problem, so it only leaves CSS as being the culprit, but I've yet to pin down issue.

There's a fair bit of CSS involved in the styling, so I'll avoid pasting it all here.


It's supposed to function like:

Many Thanks.

11-10-2011, 11:53 PM
Hello Cined,
Your CSS directs it's styling toward a ul#skill-list .skill with this bit - #container #content #skills #skill-list .skill

You don't have a any li.skill's in a ul#skill-list. You have a li.skill's in a ul.skill-list and that bit (and others) should look more like this
#container #content #skills .skill-list .skill

See id vs class here (http://www.tizag.com/cssT/cssid.php).