Grow your CSS skills. Land your dream job.

Targeting active nav ul li ?

  • # December 30, 2012 at 12:35 pm

    Hi there, I am trying to target a single nav ul li bullet for my site. At the moment I have no bullets showing:
    nav ul {list-style-type:none;}

    But I cannot target the bullet to put in a image for the active link (the page they are on):
    nav ul li a.active{background:url(‘bullet.png’); margin-left:-1%; text-indent:1%;}

    Please help!

    # December 30, 2012 at 12:37 pm

    `list-style-image: url(‘something.png’);`

    # December 30, 2012 at 12:38 pm

    I’d love to help, but you give nothing to go on. Do you have a link, a pen, more code?

    # December 30, 2012 at 12:50 pm

    .nav ul li a.active {
    background-image: url(‘image.png’);
    background-repeat: no-repeat;
    text-indent:=> than image width;
    }

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".