10-30-2009, 08:18 PM
I have recently been asked to convert a website by removing all of the tables and replacing with div's.
I have started to do this and I have also been asked to get the site validated to W3C standards.
I have moved the homepage into a testing folder and started to convert it (very long winded way of doing it at the moment).
However, when I try to validate the site I am getting errors saying that some div id's are already defined. Now I need these to be repeated as there are a couple of repeating tables (now areas of div's) that have the div's repeating. the main thing behind the divs are that they set the widths of each column.
Is there anyway I can get around this?
here is a link to the validation error that comes up (http://validator.w3.org/check?uri=http://www.arnoldswimmingclub.org.uk/TestBin/index&charset=(detect+automatically)&doctype=Inline&ss=1&outline=1&group=0&No200=1&user-agent=W3C_Validator/1.654)
10-30-2009, 08:27 PM
Hello and welcome to the forum.
What you are describing is the very purpose of the class attribute. Turn those repeated ids into classes in the HTML and CSS files and you should be one important step closer to standards.
10-30-2009, 11:25 PM
Thanks. It has worked. Changed all my id's to class's and of course changed the css's to reflect this and it has passed first time now. Great.
Does anyone have a marquee like bit of code that would pass validation.
10-31-2009, 07:56 PM
Are these problems on different pages than the first one you linked to? I'm seeing 0 errors/warnings on the first link now...
on http://www.arnoldswimmingclub.org.uk/TestBin/m_members you have an extra </div>
<a href="contact">Contact Arnold Swimming Club</a>
| Site by DA <img src="assets/images/DA_logo.gif" class="inline"
alt="Website By David Adam Fortescue -
DA Websites" /></small></div><!-- here -->
your page validates after that.
10-31-2009, 09:27 PM
Sorry, the main script that I seem to be having problems with are those on two other pages. The marquee problem I have sorted and implamented a new marquee.
the two other pages are:
11-01-2009, 02:00 AM
For the first page you linked to in your last post...
One problem is that you are including a link tag (and <a> element) inside of an input element - which is not allowed. There are about 6 other cases where you have used <b>, <i>, <br /> and a number of other tags INSIDE of input elements. None of these are valid code and they will all have to go.
Another problem is that you have not properly terminated your CDATA tags for the script at the bottom of the page. CDATA is terminated with ]]> but you have used >>>
I haven't really looked at the other page yet but I imagine that the problems are similar.
11-01-2009, 10:46 AM
You spotted the error in the code for the first link. I have fixed that but the page still does not validate. I have come to the conclusion that it is the code that is in the value of the input field. This however is just data pulled via PHP from a MySQL database that is causing the error. however this is due to be changed in about a month so the page (fingers crossed) will validate then.
As for the second link. The error here was a embeded flash object. When the code had been put into the page it still had the "<embed>" tags which was causing it not to validate. However after removing these and having a play with the object tags the page now validates (and still works!).
Thank You Rowsdower. Your help has been amazing and the site. in just a couple of days has gone from a huge stress to a fully validated site.
Thank you again.
11-01-2009, 11:11 AM
How does a person submit for validation?
I've never tried this but heard of it. I am still fairly new at it.
W3C html validator: http://validator.w3.org/
W3C CSS validator: http://jigsaw.w3.org/css-validator/
11-01-2009, 11:40 AM
Ha! 123 errors!
It is picking up things that it should not.
Here's a typical error:
character ";" not allowed in attribute specification list
element "documentCount" undefined
It might be worth starting a new thread, as this is a bit of a hijack, and posting a link to your page.