treehouse : what would you like to learn today?
Web Design Web Development iOS Development

nested li not recognizing css?

  • 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

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

  • @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

  • I figured it out. I had to use px instead of em... it's working now.

    Dave