Nested < ul > does not validate.

Mikeybob

Hey again guys.

I have a page with nested uls. When I try and validate it I get this message: "start tag for "LI" omitted, but its declaration does not permit this."

The structure is something like this:

[HTML]
<ul>
<ul>
<li>
<li>
</ul>
<li>
</ul>
[/HTML]

W3 gives you a "depricated" example of nested uls, which sticks an li before the actual nested ul. However, I would have that enforcing an list item before a nested list would be a bit too strict.

Any ideas anyone? Thanks.

Kwitko

You have no closing LI tags.

Mikeybob

Sorry, I forgot to put that in. They are closed in the actual page .

Btw, I thought it wasn't necessary to close li tags anyway. Or maybe that's just for li tags that have following lis.

Linc

A nested UL must be INSIDE an LI.

[html]
<ul>
<li>Point A</li>
<li>Point B
<ul>
<li>Sub-point for B</li>
<li>Sub-point for B</li>
</ul>
</li>
<li>Point C</li>
</ul>

[/html]

Linc

Mikeybob wrote:

Btw, I thought it wasn't necessary to close li tags anyway. Or maybe that's just for li tags that have following lis.

It is required for XHTML and it's just best practice in general. Not closing tags is sloppy.

Mikeybob

Thanks for the help.

If I nest the ul inside an li, it then places an empty bullet above the nested list because the ul is at the top. This isn't too much a problem because you can hide the bullet with CSS, but will page readers pick up on it?

jared

Shouldn't be a problem

Linc

Typically you wouldn't have a "blank" space above the nested UL. A nested list implies that they are subpoints of something, as in my example above. If there is no point "B", the there should be no subpoints for B. It doesn't make semantic sense.