My Suckerfish was right, now screwy and erroneous.

[Worldbuilder]

Hi all,

At this test page I used to have the Suckerfish menu working. Now it's fragged, has 3 generated validator errors, and doesn't work in general. Errors are:

# Error Line 31 column 8: document type does not allow element "ul" here; assuming missing "li" start-tag.

<ul>

# Error Line 39 column 7: document type does not allow element "ul" here; assuming missing "li" start-tag.

<ul>

# Error Line 59 column 7: document type does not allow element "ul" here; assuming missing "li" start-tag.

<ul>

Can someone have a look and see if you can figure out what I obviously screwed up? I have looked over this code repeatedly to no avail. Thanks!

Chris

[Tailslide]

You're closing the list item when you've got a sub list below it - they shouldn't close until after the sublist - so you've got this for instance:

<ul id="nav">
<li><a href="./">Home</a></li>
<li><a href="#">Company&nbsp;Info</a></li>
<ul>
<li><a href="./about.html">About Us</a></li>
<li><a href="./faq/">F.A.Q.</a></li>
<li><a href="./testimonials/">Testimonials</a></li>
<li><a href="./blog/">Company Blog</a></li>
</ul>
</li>

If you remove the unwanted </li> after "Company & Info" and where it appears in other places then it should be ok.

[Shyflower]

tailslide's advice should work for you if you want to indent part of a list. However, if you want to indent some parts and then go back to your original list try using a definition list instead:

<dl id="nav">
<dt><a href="./">Home</a></dt>
<dt><a href="#">Company&nbsp;Info</a></dt>
<dd><a href="./about.html">About Us</a></dd>
<dd><a href="./faq/">F.A.Q.</a></dd>
<dd><a href="./testimonials/">Testimonials</a></dd>
<dd><a href="./blog/">Company Blog</a></dd>
<dt> foobar</dt>
<dt> hello world </dt>
</dl>

This list will indent your <dd> tags one more time.

You can see it here

It tests valid if you use the Firefox validator tool

[Worldbuilder]

Many thanks, Tailslide!

That was driving me nuts and it now roks like a charm.

Chris