Revamping site to valid HTML 4.01 and valid CSS 2.1
Posted: Wed May 14, 2008 1:08 am
.
When this site was first built in 1999 web standards were very different, and the code underlying many pages on the site is quite frankly a shambles. Some of you may have (for example) noticed differences in the way pages display in different browsers.
I have now made a start in upgrading the listings pages at least to modern web standards. So far only one page had been done, the deliveries page at http://www.bluemoment.com/deliveries.html, but the intention is to upgrade each listing page the next time it is edited or added to.
You will be able to tell which pages have been upgraded because they will have these logos on them:


Clicking on either of these logos (on the page, not here) will take you to a page that confirms the validation.
One result will be a more uniform look to the pages across browsers. Another bonus is that it will make sitewide changes in design easier in future.
Any feedback or comments will be (as always) very welcome.
EDIT: - Progress
14/05/08 - Adventure Sailing http://www.bluemoment.com/adventure.html" onclick="window.open(this.href);return false;
14/05/08 - Antifouling http://www.bluemoment.com/antifouling.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage http://www.bluemoment.com/brokerage.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage2 http://www.bluemoment.com/brokerage2.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage3 http://www.bluemoment.com/brokerage3.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage4 http://www.bluemoment.com/brokerage4.html" onclick="window.open(this.href);return false;
15/05/08 - Anchoring http://www.bluemoment.com/anchoring.html" onclick="window.open(this.href);return false;
15/05/08 - Chandlery http://www.bluemoment.com/chandlery.html" onclick="window.open(this.href);return false;
15/05/08 - Chandlery2 http://www.bluemoment.com/chandlery2.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts http://www.bluemoment.com/newboats.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts2 http://www.bluemoment.com/newboats2.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts3 http://www.bluemoment.com/newboats3.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts4 http://www.bluemoment.com/newboats4.html" onclick="window.open(this.href);return false;
20/05/08 - Multihulls http://www.bluemoment.com/multihulls.html" onclick="window.open(this.href);return false;
20/05/08 - Finance & Insurance 1 http://www.bluemoment.com/finance.html" onclick="window.open(this.href);return false;
20/05/08 - Finance & Insurance 2 http://www.bluemoment.com/finance2.html" onclick="window.open(this.href);return false;
21/05/08 - Surveyors http://www.bluemoment.com/surveyors.html" onclick="window.open(this.href);return false;
21/05/08 - Surveyors 2 http://www.bluemoment.com/surveyors2.html" onclick="window.open(this.href);return false;
24/05/08 - Schools Abroad http://www.bluemoment.com/schoolsabroad.html" onclick="window.open(this.href);return false;
24/05/08 - Schools Abroad 2 http://www.bluemoment.com/schoolsabroad2.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations http://www.bluemoment.com/organisations.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 2 http://www.bluemoment.com/organisations2.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 3 http://www.bluemoment.com/organisations3.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 4 http://www.bluemoment.com/organisations4.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 5 http://www.bluemoment.com/organisations5.html" onclick="window.open(this.href);return false;
27/05/08 - Engines http://www.bluemoment.com/engines.html" onclick="window.open(this.href);return false;
28/05/08 - Schools South http://www.bluemoment.com/schoolssouth.html" onclick="window.open(this.href);return false;
28/05/08 - Schools South 2 http://www.bluemoment.com/schoolssouth2.html" onclick="window.open(this.href);return false;
28/05/08 - Schools South 3 http://www.bluemoment.com/schoolssouth3.html" onclick="window.open(this.href);return false;
19/07/08 - Books and Charts http://www.bluemoment.com/writing.html" onclick="window.open(this.href);return false;
19/07/08 - Charter Ireland http://www.bluemoment.com/charterireland.html" onclick="window.open(this.href);return false;
19/07/08 - Adventure Sailing http://www.bluemoment.com/adventure.html" onclick="window.open(this.href);return false;
22/07/08 - Charter South http://www.bluemoment.com/chartersouth.html" onclick="window.open(this.href);return false;
22/07/08 - Charter South 2 http://www.bluemoment.com/chartersouth2.html" onclick="window.open(this.href);return false;
23/07/08 - Charter North http://www.bluemoment.com/charternorth.html" onclick="window.open(this.href);return false;
24/07/08 - Charter Scotland http://www.bluemoment.com/charterscotland.html" onclick="window.open(this.href);return false;
24/07/08 - Charter Scotland 2 http://www.bluemoment.com/charterscotland2.html" onclick="window.open(this.href);return false;
24/07/08 - Liveaboard http://www.bluemoment.com/liveaboard.html" onclick="window.open(this.href);return false;
24/07/08 - Liveaboard 2 http://www.bluemoment.com/liveaboard2.html" onclick="window.open(this.href);return false;
10/10/08 - Autohelms and Windvanes http://www.bluemoment.com/steering.html" onclick="window.open(this.href);return false;
10/10/08 - Autohelms and Windvanes 2 http://www.bluemoment.com/steering2.html" onclick="window.open(this.href);return false;
When this site was first built in 1999 web standards were very different, and the code underlying many pages on the site is quite frankly a shambles. Some of you may have (for example) noticed differences in the way pages display in different browsers.
I have now made a start in upgrading the listings pages at least to modern web standards. So far only one page had been done, the deliveries page at http://www.bluemoment.com/deliveries.html, but the intention is to upgrade each listing page the next time it is edited or added to.
You will be able to tell which pages have been upgraded because they will have these logos on them:


Clicking on either of these logos (on the page, not here) will take you to a page that confirms the validation.
One result will be a more uniform look to the pages across browsers. Another bonus is that it will make sitewide changes in design easier in future.
Any feedback or comments will be (as always) very welcome.
EDIT: - Progress
14/05/08 - Adventure Sailing http://www.bluemoment.com/adventure.html" onclick="window.open(this.href);return false;
14/05/08 - Antifouling http://www.bluemoment.com/antifouling.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage http://www.bluemoment.com/brokerage.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage2 http://www.bluemoment.com/brokerage2.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage3 http://www.bluemoment.com/brokerage3.html" onclick="window.open(this.href);return false;
14/05/08 - Brokerage4 http://www.bluemoment.com/brokerage4.html" onclick="window.open(this.href);return false;
15/05/08 - Anchoring http://www.bluemoment.com/anchoring.html" onclick="window.open(this.href);return false;
15/05/08 - Chandlery http://www.bluemoment.com/chandlery.html" onclick="window.open(this.href);return false;
15/05/08 - Chandlery2 http://www.bluemoment.com/chandlery2.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts http://www.bluemoment.com/newboats.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts2 http://www.bluemoment.com/newboats2.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts3 http://www.bluemoment.com/newboats3.html" onclick="window.open(this.href);return false;
16/05/08 - New Yachts4 http://www.bluemoment.com/newboats4.html" onclick="window.open(this.href);return false;
20/05/08 - Multihulls http://www.bluemoment.com/multihulls.html" onclick="window.open(this.href);return false;
20/05/08 - Finance & Insurance 1 http://www.bluemoment.com/finance.html" onclick="window.open(this.href);return false;
20/05/08 - Finance & Insurance 2 http://www.bluemoment.com/finance2.html" onclick="window.open(this.href);return false;
21/05/08 - Surveyors http://www.bluemoment.com/surveyors.html" onclick="window.open(this.href);return false;
21/05/08 - Surveyors 2 http://www.bluemoment.com/surveyors2.html" onclick="window.open(this.href);return false;
24/05/08 - Schools Abroad http://www.bluemoment.com/schoolsabroad.html" onclick="window.open(this.href);return false;
24/05/08 - Schools Abroad 2 http://www.bluemoment.com/schoolsabroad2.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations http://www.bluemoment.com/organisations.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 2 http://www.bluemoment.com/organisations2.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 3 http://www.bluemoment.com/organisations3.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 4 http://www.bluemoment.com/organisations4.html" onclick="window.open(this.href);return false;
27/05/08 - Organisations & Associations 5 http://www.bluemoment.com/organisations5.html" onclick="window.open(this.href);return false;
27/05/08 - Engines http://www.bluemoment.com/engines.html" onclick="window.open(this.href);return false;
28/05/08 - Schools South http://www.bluemoment.com/schoolssouth.html" onclick="window.open(this.href);return false;
28/05/08 - Schools South 2 http://www.bluemoment.com/schoolssouth2.html" onclick="window.open(this.href);return false;
28/05/08 - Schools South 3 http://www.bluemoment.com/schoolssouth3.html" onclick="window.open(this.href);return false;
19/07/08 - Books and Charts http://www.bluemoment.com/writing.html" onclick="window.open(this.href);return false;
19/07/08 - Charter Ireland http://www.bluemoment.com/charterireland.html" onclick="window.open(this.href);return false;
19/07/08 - Adventure Sailing http://www.bluemoment.com/adventure.html" onclick="window.open(this.href);return false;
22/07/08 - Charter South http://www.bluemoment.com/chartersouth.html" onclick="window.open(this.href);return false;
22/07/08 - Charter South 2 http://www.bluemoment.com/chartersouth2.html" onclick="window.open(this.href);return false;
23/07/08 - Charter North http://www.bluemoment.com/charternorth.html" onclick="window.open(this.href);return false;
24/07/08 - Charter Scotland http://www.bluemoment.com/charterscotland.html" onclick="window.open(this.href);return false;
24/07/08 - Charter Scotland 2 http://www.bluemoment.com/charterscotland2.html" onclick="window.open(this.href);return false;
24/07/08 - Liveaboard http://www.bluemoment.com/liveaboard.html" onclick="window.open(this.href);return false;
24/07/08 - Liveaboard 2 http://www.bluemoment.com/liveaboard2.html" onclick="window.open(this.href);return false;
10/10/08 - Autohelms and Windvanes http://www.bluemoment.com/steering.html" onclick="window.open(this.href);return false;
10/10/08 - Autohelms and Windvanes 2 http://www.bluemoment.com/steering2.html" onclick="window.open(this.href);return false;