Validation problems - GROAN

[wheatus]

I have tried to validate the following page and have got the following errors. I have looked through your old postings/tutorials and cannot find how to correct these errors. I have also attempted to understand the w3.org explanation (why can they not use simple jargon?). Any ideas/pointers - perhaps to a 'simple' easy to understand XHTML guide?

The page is: http://www.hastings.ac.uk/s2b/test.asp

Errors from w3.org are:
Line 57, column 15: ID "leftcontent" already defined (explain...).
<div id="leftcontent">
^
Line 55, column 13: ID "leftcontent" first defined here (explain...).
<div id="leftcontent">
^
Line 62, column 30: document type does not allow element "ul" here; assuming missing "li" start-tag
<ul class="subnav">
^
Line 72, column 28: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li class="menu"><a href="courses/courses.asp">Training
^
Line 84, column 28: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li class="menu"><a href="train_adv.asp">Free
^
Line 86, column 29: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li class="menu" ><a href="work_exp.asp">Work
^
Line 88, column 28: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li class="menu"><a href="cfb.asp">Colleges
^
Line 90, column 28: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li class="menu"><a href="blc/blc.asp">Business
^
Line 92, column 28: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li class="menu"><a href="contact.asp">Contact
^
Line 94, column 28: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag
<li class="last"><a href="map/find_us.asp">Find
^
Line 96, column 14: end tag for "li" omitted, but OMITTAG NO was specified [/list] ^
Line 62, column 12: start tag was here (explain...).
<ul class="subnav">
^
Apologies for taking the lazy option...but the work load is stacking up...

[Trebz]

you have used ID leftcontent more than once. ID's have to be unique to the page.

If this is XHTML then you must close all tags, even[*] tage ([*]Item one)

Fix those and then validate again.

[wheatus]

Many thanks - all fixed and validated. I found that the validator does not like embedded submenus. Solution was to delete the ul tags and merely add a new li class instead - oh and tweak of course. Then delete the redundant ID "leftcontent".

I'm off to the pub for a celebratory G&T - thanks again.

[Kikketer]

I'm getting the same error (the multiple id one). Why can't you use the same id multiple times on the same page? I have a php page that pulls products off a database and for each product it needs to be formatted using a <div> tag. Now at the end of the product it closes the div tag and then starts over with a new product div tag and goes until there are no more products to display. Having to make 15+ different ids for any given page seems kind of stupid (and seems to defeat the greatness that is CSS).
If I can't figure out how to validate it the way it is, i'm going to have to make:
#product1 {} #product2 {}... #product103832 {}

Does that sound like fun? I don't think so...

Please help!

[D3mon]

where you need multiple items per page, use a class (.) instead.

[Rob]

eg:-

Code: Select all

<style>.myClass{color:#000000}</style>

<div class="myclass">Some Text</div>
<div class="myclass">More Text</div>
<div class="myclass">Yet more Text</div>]

Make sense?