I'm trying to do a nested list but its not really working out for me.

This is the list I have:
<UL> Numbers:
<LI> one
<LI> one.two
<LI> one.three
<LI> four
<LI> five
</UL>

I want 'one.two' and 'one.three' to be indented.

Does that make sense?

Thanks.

Then you have to actually nest the lists:
<ul>
<li>one
<ul>
<li>one.two</li>
<li>one.three</li>
</ul>
</li>
<li>four</li>
<li>five</li>
</ul>

Thanks.

Just tried that but am using custom bullets and they have gone funny!

Do I need to do something else?



ul {
list-style-type: none;
padding-left: 0;
margin-left: 0;
margin-top: 0px;
margin-bottom: 0px;
}
li {
background: url(images/arrow_double.png) left center no-repeat;
padding-left: 15px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
line-height: 130%;
}

Can you show us the site you're doing this on, so we can see your code? You might also want to use this as a reference for placing custom bullets.

http://londonlabs.co.uk/test/

You need to use specificity to target the bullet, or absence of a bullet, for the nested list:

<ul id="numbers">
<li>one</li>
<ul>
<li>one.one</li>
<li>one.two</li>
</ul>
<li>two</li>
<li>three</li>
</ul>

#numbers{
list-style: square;
}
#numbers ul li {
list-style: upper-alpha;

}

Or, without an ID
ul{
list-style: square;
}
ul ul li {
list-style: upper-alpha;

}

I see you found your paint splatters

Yeah I found the paint!

I still don't get it though.

I've tried your example but I can't adjust it to work with what I have and what I want.

Maybe something like this? You can tweak the padding and margin to what you want maybe.

	
ul {
    list-style-image: url(images/arrow_double.png);
    padding: 0;
    margin: 0 0 0 20px;
}

li {
    line-height: 130%;
}
li ul {
    list-style: none;
}

Thanks, that seems to have done it.

Joe - if you want them indented, you can write your HTML like this:

<a href="http://www.yoursite.com">»&nbsp;Your Link Here</a><br>
<a href="http://www.yoursite.com">»&nbsp;Your Link Here</a><br>
<a href="http://www.yoursite.com">»&nbsp;Your Link Here</a><br>
<a href="http://www.yoursite.com">»&nbsp;Your Link Here</a><br>

Isnt that cheating?

You would indent using margin and/or padding on the ul, li or a tags.

Originally Posted by Joe3000

Isnt that cheating?

I don't understand -- how is that cheating?

Originally Posted by travelagent

I don't understand -- how is that cheating?

Using spacing instead of positioning/margins.

Huh?

If you need something that simple and it works, then use something that simple.

Just because you could use margins and positioning doesn't mean you have to

Might as well use tables then

Using a &nbsp; is ok if you only need 1 space. A string of them would just not be practical and that's why margins and/or padding would be a better solution .