Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Thanked 0 Times in 0 Posts

    Frustrating CSS Issue

    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.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Thanked 1,847 Times in 1,831 Posts
    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.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts