nested lists?

[Halcrow]

hi there,

I want to create a nested list on my webpage, a bit like this:

- item 1
- item 2
+ sub item 1
+ sub item 2
- item 3

but I can't do it! Here is the code I thought would work:

<ul>
<li>Item 1</li>
<li>Item 2
<ul>
<li>Sub Item 1</li>
<li>Sub Item 2</li>
</ul>
</li>
<li>Item 3</li>
</ul>

This doesn't give the required result. It gives:

- Item 1
Item 2
+ sub item 1
- + sub item 2
- Item 3

What am I doing wrong???

Please note: I want my code to validate, that's why I've got the closing tags. I can achieve what I need by removing the closing tags, but this isn't valid, right?

Thanks,
Calum

 

[gwillr]

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_lists2

Try this - is this the desired effect?

Gary

 

[Halcrow]

it is!

and not only that, that's exactly the same as my code!

not only that - the list works fine in Firefox but not in IE! (I've just realised)

(I'm still learning and get so annoyed when something works in one browser but not in another)

Cheers
Calum

 

[Halcrow]

It's ok! I've fixed it by adding a "vertical-align: top;" into my style-sheet!

 

[gwillr]

Ah, sorry about that, I didnt even realize.

The code works fine for me in both Firefox and IE, so its strange that you are having trouble.

try only that piece of the code in a separate HTM file and see if it still happens?

Gary

 

[gwillr]

ahhhh.....I knew it had to be some other area of the code.

good job then!

Gary

 

[Halcrow]

I will...the vertical-align: top isn't too hot! the "buttons" are out of line with the text.

cheers
Calum

 

[Halcrow]

http://www.table-tennis.shetland.co.uk

see the list on the right hand side? that's him!

(have a look at my other post as well "divs, arrangements and Firefox")

Calum