/    Sign up×
Community /Pin to ProfileBookmark

cs3 compliance help :(

hey peeps, im so happy ive found this forum, i really need some help (im a newbee by the way)

when tryng to get my site cs3 complient using the validator.w3.org i get many messages with errors. Ive fixed a few, like doctype and xml and that which got rid of 2 but i still have 24 left! i do think however that if i do one or two things a large chunck of them will go at once.

would someone please ehlp me out, id really appreciate it???? my website is losttv.50webs.com

and the link to the validation erros is;

[url]http://validator.w3.org/check?uri=ht…ss=1&g[/url] roup=0

im not asking without trying, i have attemoted but really i am struggling,

thanks

[CODE]<? xml version=”1.0″?>
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 3.2 Final//EN”>
<html>
<head>
<meta name=”generator” content=”HTML Tidy for Linux (vers 1 September 2005), see www.w3.org”>
<meta http-equiv=”Content-Language” content=”en-gb”>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>
<title>Welcome to LOST</title>

<SCRIPT> type=”text/javascript”>
</SCRIPT>
<!–
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
// –>
</script>
<link rel=”stylesheet” type=”text/css” href=”CSS.css”>
<style type=”text/css”>
<!–
a:hover { text-decoration: line-through }
–>
</style>

<style type=”text/css”>
body {
background-color: #000000;
}
div.c4 {text-align: center}
h2.c3 {text-align: center}
h1.c2 {color: #FFFFFF; font-size: 150%; text-align: center}
span.c1 {color: #FFFFFF}
</style>
</head>
<body onload=”FP_preloadImgs(/*url*/’images/button11.gif’, /*url*/’images/button12.gif’, /*url*/’images/button24.gif’, /*url*/’images/button25.gif’, /*url*/’images/button27.gif’, /*url*/’images/button28.gif’, /*url*/’images/button2A.gif’, /*url*/’images/button2B.gif’, /*url*/’images/button2D.gif’, /*url*/’images/button2E.gif’, /*url*/’images/button30.gif’, /*url*/’images/button31.gif’, /*url*/’images/button33.gif’, /*url*/’images/button34.gif’)”>
<div class=”c4″><embed width=”128″ height=”128″ src=”Audio/S1E01_Island_Monster.mp3″ hidden=”true”>
<table border=”0″ width=”800″ id=”table1″>
<tr>
<td height=”103″ colspan=”2″><img border=”0″ src=”images/lost%20logo.jpg” width=”791″ height=”121″ alt=”** PLEASE DESCRIBE THIS IMAGE **”></td>
</tr>
<tr>
<td width=”163″ height=”419″ rowspan=”2″><u><span class=”c1″><strong>NAVIGATION BAR</strong></span></u>
<p><a href=”Jack.htm”><img border=”0″ id=”img1″ src=”images/button10.gif” alt=”Jack” onmouseover=”FP_swapImg(1,0,/*id*/’img1′,/*url*/’images/button11.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img1′,/*url*/’images/button10.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img1′,/*url*/’images/button12.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img1′,/*url*/’images/button11.gif’)” width=”100″ height=”20″></a></p>
<p><a href=”Locke.htm”><img border=”0″ id=”img8″ src=”images/button23.gif” alt=”Locke” onmouseover=”FP_swapImg(1,0,/*id*/’img8′,/*url*/’images/button24.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img8′,/*url*/’images/button23.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img8′,/*url*/’images/button25.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img8′,/*url*/’images/button24.gif’)” width=”100″ height=”20″></a></p>
<p><a href=”Sawyer.htm”><img border=”0″ id=”img9″ src=”images/button26.gif” alt=”Sawyer” onmouseover=”FP_swapImg(1,0,/*id*/’img9′,/*url*/’images/button27.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img9′,/*url*/’images/button26.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img9′,/*url*/’images/button28.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img9′,/*url*/’images/button27.gif’)” width=”100″ height=”20″></a></p>
<p><a href=”Kate.htm”><img border=”0″ id=”img10″ src=”images/button29.gif” alt=”Kate” onmouseover=”FP_swapImg(1,0,/*id*/’img10′,/*url*/’images/button2A.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img10′,/*url*/’images/button29.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img10′,/*url*/’images/button2B.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img10′,/*url*/’images/button2A.gif’)” width=”100″ height=”20″></a></p>
<p><a href=”Hurley.htm”><img border=”0″ id=”img11″ src=”images/button2C.gif” alt=”Hurley” onmouseover=”FP_swapImg(1,0,/*id*/’img11′,/*url*/’images/button2D.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img11′,/*url*/’images/button2C.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img11′,/*url*/’images/button2E.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img11′,/*url*/’images/button2D.gif’)” width=”100″ height=”20″></a></p>
<p><a href=”Sayid.htm”><img border=”0″ id=”img12″ src=”images/button2F.gif” alt=”Sayid” onmouseover=”FP_swapImg(1,0,/*id*/’img12′,/*url*/’images/button30.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img12′,/*url*/’images/button2F.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img12′,/*url*/’images/button31.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img12′,/*url*/’images/button30.gif’)” width=”100″ height=”20″></a></p>
<p><a href=”The%20Numbers.htm”><img border=”0″ id=”img13″ src=”images/button32.gif” alt=”Numbers” onmouseover=”FP_swapImg(1,0,/*id*/’img13′,/*url*/’images/button33.gif’)” onmouseout=”FP_swapImg(0,0,/*id*/’img13′,/*url*/’images/button32.gif’)” onmousedown=”FP_swapImg(1,0,/*id*/’img13′,/*url*/’images/button34.gif’)” onmouseup=”FP_swapImg(0,0,/*id*/’img13′,/*url*/’images/button33.gif’)” width=”100″ height=”20″></a></p>
</td>
<td width=”627″ height=”75″>
<h1 class=”c2″><strong>Welcome to my website, built to inform about the characters of my favourite show – LOST</strong></h1>
</td>
</tr>
<tr>
<td width=”627″ height=”343″>
<h2 class=”c3″><strong><span class=”c1″>Welcome to my website intended to inform, you the reader about the wonderful TV show LOST. It contains information, video, and audio snips about all of the “most important characters” although, I must stress that there are too many people to add to this.</span></strong></h2>
<h2 class=”c3″></h2>
<h2 class=”c3″><strong><span class=”c1″>I myself am a big fan of lost and have watched every episode since it started, I am enthralled at the story line and am always trying to second guess the writers, to no avail so far though!</span></strong></h2>
<h2 class=”c3″></h2>
<h2 class=”c3″><strong><span class=”c1″>So, now has come for you to sit back and enjoy my site. I really hope you enjoy it. If, for any reason you encounter any problems or believe that the site is lacking in some way, feel free to e-mail me and ill get back to you as soon as possible.</span></strong></h2>
<h2 class=”c3″></h2>
<h2 class=”c3″><strong><span class=”c1″>Thank you – Ricki Lambert – [email protected]</span></strong></h2>
</td>
</tr>
</table>
</div>
</body>
</html>
Add to del.icio.us Can you digg it?
[/CODE]

to post a comment
HTML

4 Comments(s)

Copy linkTweet thisAlerts:
@Mr_Initial_ManNov 30.2007 — By cs3, do you mean "CSS3"?
Copy linkTweet thisAlerts:
@jermaindefoeauthorNov 30.2007 — errrr, im really not too sure! it needs to be w3c complient my website (hope that helps, sorry)
Copy linkTweet thisAlerts:
@FangNov 30.2007 — Looks like it was written in the '90s
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org"&gt;
&lt;meta http-equiv="Content-Language" content="en-gb"&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
&lt;title&gt;Welcome to LOST&lt;/title&gt;

&lt;script type="text/javascript"&gt;
function FP_swapImg() {//v1.0
var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n&lt;args.length;
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i&lt;a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n&lt;c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n&lt;f.length; n++) { els=f[n].elements;
for(m=0; m&lt;els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
return null;
}
&lt;/script&gt;
&lt;link rel="stylesheet" type="text/css" href="CSS.css"&gt;
&lt;style type="text/css"&gt;
a:hover { text-decoration: line-through }
body {
background-color: #000000;
}
div.c4 {text-align: center}
h2.c3 {text-align: center}
h1.c2 {color: #FFFFFF; font-size: 150%; text-align: center}
span.c1 {color: #FFFFFF}
&lt;/style&gt;
&lt;/head&gt;
&lt;body onload="FP_preloadImgs(/*url*/'images/button11.gif', /*url*/'images/button12.gif', /*url*/'images/button24.gif', /*url*/'images/button25.gif', /*url*/'images/button27.gif', /*url*/'images/button28.gif', /*url*/'images/button2A.gif', /*url*/'images/button2B.gif', /*url*/'images/button2D.gif', /*url*/'images/button2E.gif', /*url*/'images/button30.gif', /*url*/'images/button31.gif', /*url*/'images/button33.gif', /*url*/'images/button34.gif')"&gt;
&lt;div class="c4"&gt;&lt;embed width="128" height="128" src="Audio/S1E01_Island_Monster.mp3" hidden="true"&gt;
&lt;table border="0" width="800" id="table1"&gt;
&lt;tr&gt;
&lt;td height="103" colspan="2"&gt;&lt;img border="0" src="images/lost%20logo.jpg" width="791" height="121" alt="** PLEASE DESCRIBE THIS IMAGE **"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width="163" height="419" rowspan="2"&gt;&lt;u&gt;&lt;span class="c1"&gt;&lt;strong&gt;NAVIGATION BAR&lt;/strong&gt;&lt;/span&gt;&lt;/u&gt;
&lt;p&gt;&lt;a href="Jack.htm"&gt;&lt;img border="0" id="img1" src="images/button10.gif" alt="Jack" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/button11.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/button10.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/button12.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/button11.gif')" width="100" height="20"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="Locke.htm"&gt;&lt;img border="0" id="img8" src="images/button23.gif" alt="Locke" onmouseover="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/button24.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img8',/*url*/'images/button23.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img8',/*url*/'images/button25.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img8',/*url*/'images/button24.gif')" width="100" height="20"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="Sawyer.htm"&gt;&lt;img border="0" id="img9" src="images/button26.gif" alt="Sawyer" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/button27.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'images/button26.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/button28.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'images/button27.gif')" width="100" height="20"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="Kate.htm"&gt;&lt;img border="0" id="img10" src="images/button29.gif" alt="Kate" onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'images/button2A.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'images/button29.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'images/button2B.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'images/button2A.gif')" width="100" height="20"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="Hurley.htm"&gt;&lt;img border="0" id="img11" src="images/button2C.gif" alt="Hurley" onmouseover="FP_swapImg(1,0,/*id*/'img11',/*url*/'images/button2D.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/button2C.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img11',/*url*/'images/button2E.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img11',/*url*/'images/button2D.gif')" width="100" height="20"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="Sayid.htm"&gt;&lt;img border="0" id="img12" src="images/button2F.gif" alt="Sayid" onmouseover="FP_swapImg(1,0,/*id*/'img12',/*url*/'images/button30.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img12',/*url*/'images/button2F.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img12',/*url*/'images/button31.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img12',/*url*/'images/button30.gif')" width="100" height="20"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;a href="The%20Numbers.htm"&gt;&lt;img border="0" id="img13" src="images/button32.gif" alt="Numbers" onmouseover="FP_swapImg(1,0,/*id*/'img13',/*url*/'images/button33.gif')" onmouseout="FP_swapImg(0,0,/*id*/'img13',/*url*/'images/button32.gif')" onmousedown="FP_swapImg(1,0,/*id*/'img13',/*url*/'images/button34.gif')" onmouseup="FP_swapImg(0,0,/*id*/'img13',/*url*/'images/button33.gif')" width="100" height="20"&gt;&lt;/a&gt;&lt;/p&gt;
&lt;/td&gt;
&lt;td width="627" height="75"&gt;
&lt;h1 class="c2"&gt;&lt;strong&gt;Welcome to my website, built to inform about the characters of my favourite show - LOST&lt;/strong&gt;&lt;/h1&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td width="627" height="343"&gt;
&lt;h2 class="c3"&gt;&lt;strong&gt;&lt;span class="c1"&gt;Welcome to my website intended to inform, you the reader about the wonderful TV show LOST. It contains information, video, and audio snips about all of the "most important characters" although, I must stress that there are too many people to add to this.&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;h2 class="c3"&gt;&lt;/h2&gt;
&lt;h2 class="c3"&gt;&lt;strong&gt;&lt;span class="c1"&gt;I myself am a big fan of lost and have watched every episode since it started, I am enthralled at the story line and am always trying to second guess the writers, to no avail so far though!&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;h2 class="c3"&gt;&lt;/h2&gt;
&lt;h2 class="c3"&gt;&lt;strong&gt;&lt;span class="c1"&gt;So, now has come for you to sit back and enjoy my site. I really hope you enjoy it. If, for any reason you encounter any problems or believe that the site is lacking in some way, feel free to e-mail me and ill get back to you as soon as possible.&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;h2 class="c3"&gt;&lt;/h2&gt;
&lt;h2 class="c3"&gt;&lt;strong&gt;&lt;span class="c1"&gt;Thank you - Ricki Lambert - [email protected]&lt;/span&gt;&lt;/strong&gt;&lt;/h2&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;

Table are not for layout

Deprecated attributes

Deprecated elements

embed content
Copy linkTweet thisAlerts:
@felgallNov 30.2007 — Here's a list of some of the changes needed to that code.

  • 1. Get rid of the browser sensing in the JavaScript - it is no longer required as the browsers it is testing for were obsolete about 8 years ago.


  • 2. Get rid of the table as the content isn't tabular data.


  • 3. All those images in separate paragraphs ought to be a list instead since they certainly aren't paragraphs.


  • 4. Heading with nothing in them and headings followed by more headings with no intervening content are also meaningless.


  • What you really need to do is to start with your content and add the HTML tags to that (it looks loke you have done it the other way around). The HTML tags that you add around the content should describe what that content is. Once you have the HTML defining what content is headings, what is paragraphs, what is lists etc and have that validated then it is time to move on to styling it so as to get your desired page appearance.
    ×

    Success!

    Help @jermaindefoe spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 5.20,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...