Click to See Complete Forum and Search --> : Can't get nested ul to display properly - help!


chausfeld
10-16-2006, 05:48 PM
I want a custom image in the first level of my ul, and the next level, I want the default disc. Can't get it to work! I've tried many variations, but no luck. Here's the code for the list:

<ul class="hr_section2">
<li>Has the employee been subjected to conduct that is either sexual in nature or directed at a protected category? Remember, the conduct need not be directed at the employee-the employee may simply overhear or witness the conduct.
<li>Is the conduct uninvited or unwelcome? Remember, the alleged harasser's intent is not relevant. The focus is the impact on the employee of the alleged harasser's conduct.
<li>Would a "reasonable person" in the employee's position find the conduct offensive?
<li>What is the level of severity or pervasiveness of the alleged conduct? In order to answer this question, the totality of the circumstances must be examined.
<ul type="disc">
<li>How frequent was the conduct?
<li>How severe or egregious was the conduct?
<li>How long has the conduct been occurring?
<li>Is the conduct physically threatening or humiliating?
<li>Does the conduct consist of an isolated or stray remark or repeated, continual comments?
<li>Does the conduct consist of sexual touching or physical assault?
<li>Did the conduct interfere with the employee's ability to perform his or her job?
<li>Was there a negative impact on the employee's psychological well-being?
<li>Was the alleged harasser a coworker or a supervisor?
<li>Did others join in the harassment?
<li>Was the harassment directed at more than one individual?
</ul>
</ul>

And the latest version of my CSS:

.hr_section2 li{
font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
margin: .5em 0 .5em 0;
list-style-image: url(images/check1.gif);
}


HELP?!
Thanks :)

Kravvitz
10-16-2006, 06:37 PM
Remove the type attribute on the sub-list and try adding this.
.hr_section2 li ul li{
list-style-image: none;
list-style-type: disc;
}

chausfeld
10-16-2006, 07:20 PM
that worked perfectly - thank you so much!

WebJoel
10-16-2006, 07:26 PM
You'll also want to close the 'open' LIs. ;) Will cause validation problems if you don't.