Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Archive › Web Standards Advisor › Ordered and unordered lists

Ordered and unordered lists

Thread began 8/03/2011 5:12 am by jack343289 | Last modified 8/04/2011 7:09 am by Jason Byrnes | 2962 views | 7 replies |

8/03/2011 5:12 am | #1 jack343289

Ordered and unordered lists

I am having difficulty validating bullited lists, so I downloaded an example from www.w3.org

Here it is:
<UL>
<LI> ... Level one, number one...
<OL>
<LI> ... Level two, number one...
<LI> ... Level two, number two...
<OL start="10">
<LI> ... Level three, number one...
</OL>
<LI> ... Level two, number three...
</OL>
<LI> ... Level one, number two...
</UL>

When checked by the advisor it gets the "thumbs down" for several of the elements.

Which brings me to two questions:
1. Has this software programme become corruped somehow?
2. Is there an error in this programme?

Regards
Jack

8/03/2011 8:16 am | #2 Jason ByrnesWebAssist

please post the errors that the advisor is giving you and a copy of the page in a zip archive so can examine what the problem is to determine the cause.

8/03/2011 10:23 am | #3 jack343289

Files uploaded

Enclosed are the files you requested
Regards
Jack

Attached Files

example.zip

8/03/2011 10:46 am | #4 Jason ByrnesWebAssist

the doctype being used on your page:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

is the XHTML 1.0 Transitional doctype.

in the XHTML 1.0 Transitional doctype, all html tags must be in lower case.

instead of:
<UL>
<LI> ... Level one, number one...</LI>
</UL>

it should be:
<ul>
<li> ... Level one, number one...</li>
</ul>

8/03/2011 11:01 pm | #5 jack343289

In reply

Jason, thank you for your help in this matter.

I have changed all the tags to lower case but I still get the error results (see attached)

Any ideas?

Thank you
Jack

Attached Files

example2.zip

8/04/2011 6:43 am | #6 Jason ByrnesWebAssist

you are not writing semantically correct html.

you need to close the <li> tags before starting another, instead of:
<li> ... Level one, number one...

you should have:
<li> ... Level one, number one...</li>

8/04/2011 6:58 am | #7 jack343289

Sorry

Oops I zipped up the wrong file - here is the correct one

Attached Files

example3.zip

8/04/2011 7:09 am | #8 Jason ByrnesWebAssist

the xhtml doctype does not allow for an ordered list (<ol>) to be nested in an unordered list (<ul>)

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.