ol/ul/il issue

[newbiepdx]

Hi there. I'm having trouble with the indentation for my list. I wanted to have a bulleted list with indented sub-lists. This is what I've got so far:

Minor CSS modifications:
ul.client {
line-height:1.3;
}

ol.client {
margin: 0px;
padding: 0px 0px 0px 4em;
}


The HTML:
<ol class="client" type="square">
<li>Item #1
<ul class="client" type="disc">
<li>Sub-item #1
<li>Sub-item #2</ul>
<li>Item #2
<ul class="client" type="disc">
<li>Sub-item #1
<li>Sub-item #2</ul>
</ol>

Right now, it shows up as one straight list - no indents - with the different bullets. Any ideas? Thanks!

[thanhvnn1]

Hi.
you should add this code to ul, ol of your css:

list-style: inside url("LINK-BULLET.jpg");

in which "inside" might give indent to your sub-list
url.... bullet of you list;

hopely help you!!

[peachskittle]

You have a LOT of unclosed tags in your html...

It should be:

<ol class="client" type="square">
<li>Item #1
<ul class="client" type="disc">
<li>Sub-item #1</li>
<li>Sub-item #2</li>
</ul>
</li>
<li>Item #2
<ul class="client" type="disc">
<li>Sub-item #1</li>
<li>Sub-item #2</li>
</ul>
</ol>