I have a child that just won't behave!
I have a left hand navigation bar that has a list with an image in the
background for the bullet. It is styled like this:
#navLeft ul {
padding-left:0;
margin-left:0;
list-style:none;
}
#navLeft ul li {
padding: 0 0 5px 12px;
margin: 0;
background: url(../images/bullet.gif) no-repeat;
}
I also have a box in this left div that has a list, but I don't want any
bullets. I tried styling it like this:
#navLeft > #quicklinksmiddle ul {
padding-left: 0;
margin-left:0;
list-style:none!important;
}
#navLeft > #quicklinksmiddle ul li
{
line-height:125%;
margin-bottom:7px;
padding:0 5px;
}
The problem is that the list in the box keeps inheriting the bullet
image. The only way I can turn it off is to provide a non-existent
image like this:
#navLeft > #quicklinksmiddle ul li
{
line-height:125%;
margin-bottom:7px;
padding:0 5px;
background: url(../images/bulletTEST.gif) no-repeat;
}
I discovered today though, that this is throwing an error when users use
the Print link on every page (it is throwing an application error).
I don't understand why my list-style:none; is not working, especially
since I made it important. I can't even get it to go away if I put
list-style:none inline on the webpage like this: <li
style="list-style:none;">.
I would be grateful for any ideas, as I've got to get this fixed today.
Here is webpage, if anyone needs to look: http://checkoutacollege.com/.
The box without bullets is the QuickLinks box in the upper left hand nav
bar.
Angela French
Internet Specialist
State Board for Community & Technical Colleges
360-704-4316
http://www.checkoutacollege.com
http://www.sbctc.ctc.edu
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
