Embeded Unordered List in Ordered List Not Working

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter jackdaniel

    (@jackdaniel)

    12 years, 9 months ago

    bump

    Richard Coan

    (@egeis)

    12 years, 9 months ago

    Your unordered list is inheriting the ordered list “list-style:decimal” style.

    Richard Coan

    (@egeis)

    12 years, 9 months ago

    For CSS issues you should really use a in-browser code inspector, Chrome has one built in in the context menu by right clicking on the element and choosing inspect element. Firefox has several, ive used both Firebug (my favorite with CSS) and Web Developer (my favorite with JavaScript). Note that both of these plugins on Firefox WILL slow your browser down.

    Michael

    (@alchymyth)

    12 years, 9 months ago

    the list-style-types are wrongly styled on the li elements;

    .post ul li, .single-main ul li{list-style-image:none; list-style-position:outside; list-style-type:disc; padding:3px 0}
.post ol li, .single-main ol li{list-style-image:none; list-style-position:outside; list-style-type:decimal; padding:3px 0}

    rearranging the styles in this way should work:

    .post ul { list-style-type:disc; list-style-image:none; list-style-position:outside; }
.post ol { list-style-type:decimal; list-style-image:none; list-style-position:outside; }
.post ul li, .single-main ul li{  padding:3px 0; }
.post ol li, .single-main ol li{  padding:3px 0; }

    http://www.w3schools.com/Css/css_list.asp

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Embeded Unordered List in Ordered List Not Working’ is closed to new replies.