View Full Version : Nested ordered list maintains bullets - shouldn't

Feb 23rd, 2012, 07:13 AM
Hello, I am creating a nested loop and I can not easily figure out how to remove the custom bullet from my ordered list. Any help would be greatly appreciated. What is appearing is the first two items have a bullet and the next items have numbers, then the bullets, then the text. I want to skip the bullets.

<ul class="sub_bullet">
<li>First unordered item</li>
<li>Lead in for Ordered list:
<li>First ordered item</li>
<li>Second ordered item</li>

The CSS entries for my lists are as follows:

ol { line-height: 2em; }
ul { text-align: left; list-style: none; line-height: 2em; margin-left: 10px; padding-left: 0px; }
ul.sub_bullet li { background:url("../images/sub_bullet.gif") 0 .5em no-repeat; padding-left:22px; }
ul.heading_bullet li { background:url("../images/heading_bullet.gif") 0 .5em no-repeat; padding-left:30px; }
ul.heading_bullet ul li { background:url("../images/sub_bullet.gif") 0 .5em no-repeat; padding-left:22px; }

The link to the site is:http://secure31.securesites.net/Fresenius/TAC/page26.html. Thank you for your suggestions.

Feb 23rd, 2012, 07:23 AM
That will do:

text-decoration: none;

Feb 23rd, 2012, 08:50 AM
Hi there mhamilton3,

and a warm welcome to these forums. ;)

Try it like this...

ul.sub_bullet ol.no_bullet li {background:none;}


Feb 23rd, 2012, 04:00 PM
I had tried that and it did not work. Thanks for getting back to me. The Background:none worked perfectly.

Feb 23rd, 2012, 04:09 PM
No problem, you're very welcome. ;)