Grow your CSS skills. Land your dream job.

nested li not recognizing css?

  • # December 19, 2012 at 9:17 am

    hi,

    I have these sub bullets set up here:

    http://www.taylorimaging.com/clientArea/LM_BuildWithUs/term.html

    then I have the css in an external style sheet:

    ul li {
    list-style-type: square;
    list-style-image: url(../images/bullet.gif);
    padding-left: 10px;
    font-size:1.1em;
    }

    ul li ul li {
    list-style-type: square;
    list-style-image: url(../images/bullet.gif);
    padding-left: 10px;
    font-size:1.1em;
    }

    I don’t see anything wrong with this. What is the problem?

    thanks,
    Dave

    # December 19, 2012 at 9:21 am

    What is the problem? It looks like it’s doing exactly what your CSS is telling it to.

    # December 19, 2012 at 9:23 am

    @timaging, what exactly is the problem? I can tell you that you don’t need the

    ul li ul li {
    list-style-type: square; list-style-image: url(../images/bullet.gif); padding-left: 10px; font-size:1.1em; }

    as the sub-list pulls those same styles from the parent list

    # December 19, 2012 at 9:24 am

    I figured it out. I had to use px instead of em… it’s working now.

    Dave

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".