Hi guys,
I have this page that I wish to validate but the remaining errors I dont know about.
If you could check them out for me and tell me why they are not valid because I cant understand the w3 explainations !!!
ALSO I was wondering the best way to transform this page into XHTML and CSS so the layout is better. Is it best to start from scratch again .. thanks OhOhHHhhHh here is the code ....
==========================
==========
==========
==========
==========
==========
==========
===
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>FreeStyle Design | Home |</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Keywords" content="design, designconsultancy, design consultancy, designconsultants, graphic design, graphic
design firm, cool, cambridge, uk, cambs, cambridgeshire, anglia, brochure design, brochuredesign, ukbrochuredesign,
typography, corporate identities, corporate, packaging, retail, versatile, innovative design, graphics, freestyle, freestyle
design, design cambridge, cambridgeshire">
<meta content="(c) 2003 FreeStyle Design" name=Copyright>
<meta content=all name=Robots>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {scrollbar-arrow-color:#00
0000;
scrollbar-track-color:WHIT
E;
scrollbar-shadow-color:#00
0000;
scrollbar-face-color:WHITE
;
scrollbar-highlight-color:
#000000;
scrollbar-darkshadow-color
:#000000;
scrollbar-3dlight-color:#6
600FF; }
.txt {font-family: Arial, Helvetica, sans-serif; font-size: 75%; color: #003399; font-weight: 800;}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function init() {
if (!document.getElementById)
return
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagN
ame('img')
;
for (var i = 0; i < imgarr.length; i++) {
if (imgarr[i].getAttribute('h
src')) {
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute('hs
rc');
imgarr[i].onmouseover = function() {
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',th
is.getAttr
ibute('hsr
c'))
}
imgarr[i].onmouseout = function() {
this.setAttribute('src',im
gOriginSrc
)
}
}
}
}
onload=init;
-->
</script>
</head>
<body bgcolor="#6600FF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="190" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
<tr valign="top">
<td width="230" height="190"><img src="Graphics/logo2.gif" width="216" height="174" align="right" alt="logo"></td>
<td width="212"><img src="Graphics/blocker.gif"
width="212" height="1" border="0" usemap="#Map3" alt=""></td>
<td width="201" align="left"><img src="Graphics/head2.gif" width="201" height="160" alt="heads up!"></td>
<td width="359" align="left"> </td>
</tr>
</table>
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#6600FF">
<tr>
<td width="100%">
<table cellspacing="0" cellpadding="0" width="100%" height="23" border="0" bgcolor="#000000">
<tr>
<td width="36" height="23"><img src="Graphics/blocker3.gif
" width="22" height="1" align="middle" alt=""></td>
<td width="41" height="23"><img src="Graphics/home_on.gif"
width="41" height="23" alt="Home"></td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23" alt=""></td>
<td width="71" height="23"><img src="Graphics/branding_off
.gif" width="71" height="23" border="0" usemap="#Map1"
hsrc="Graphics/branding_on
.gif" alt="Branding"></td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23" alt=""></td>
<td width="78" height="23"><img src="Graphics/literature_o
ff.gif" width="78" height="23" border="0" usemap="#Map2"
hsrc="Graphics/literature_
on.gif" alt="Literature"></td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23" alt=""></td>
<td width="76" height="23"><img src="Graphics/packaging_of
f.gif" width="76" height="23" border="0" usemap="#Map4"
hsrc="Graphics/packaging_o
n.gif" alt="Packaging"></td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23" alt=""></td>
<td width="81" height="23"><img src="Graphics/publishing_o
ff.gif" width="81" height="23" border="0" usemap="#Map5"
hsrc="Graphics/publishing_
on.gif" alt="Publishing"></td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23" alt=""></td>
<td width="88" height="23"><img src="Graphics/advertising_
off.gif" width="88" height="23" border="0" usemap="#Map6"
hsrc="Graphics/advertising
_on.gif" alt="Advertising"></td>
<td width="16" height="23"><img src="Graphics/inbeetween.g
if" width="16" height="23" alt=""></td>
<td width="90" height="23"><img src="Graphics/illustration
_off.gif" width="90" height="23" border="0" usemap="#Map7"
hsrc="Graphics/illustratio
n_on.gif" alt="Illustration"></td>
<td width="317" height="23"> </td>
</tr>
</table>
<table width="92%" height="300" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" width="202" height="300" nowrap><br>
<iframe name="descr" width="202" height="270" frameborder="0" Scrolling="no" src="intro.html"></iframe>
<br></td>
<td valign="top" width="40" height="300"><img src="Graphics/blocker2.gif
" width="23" height="1" alt=""></td>
<td valign="top" width="100%" height="300"><br>
<table width="300" height="247" border="2" cellpadding="20" cellspacing="0" bordercolor="#6699FF" bgcolor="#FFFFFF">
<tr>
<td width="100%">
<p><span class="txt">Welcome to our site,
which is basically an online portfolio. It is designed to give you an insight into
the type of work we do here at Freestyle Design. As you can see we cover a wide
range of designs, from logos through to illustration, and everything in between!<br><br style="font-size:50%" />
Our experience, originality and affordability makes us the perfect choice for the
job, no matter how big or small - we take great pride in our work and our priority
is the clients total satisfaction.</span></p>
</td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<map name="Map1"><area shape="rect" coords="1,1,79,30" href="branding.html" alt=""></map>
<map name="Map2"><area shape="rect" coords="1,1,95,37" href="literature.htm" alt=""></map>
<map name="Map3"><area shape="rect" coords="48,187,75,214" href="#" alt=""></map>
<map name="Map4"><area shape="rect" coords="1,1,91,42" href="packaging.htm" alt=""></map>
<map name="Map5"><area shape="rect" coords="2,1,112,55" href="publishing.htm" alt=""></map>
<map name="Map6"><area shape="rect" coords="2,1,124,65" href="advertising.htm" alt=""></map>
<map name="Map7"><area shape="rect" coords="1,1,125,67" href="illustration.htm" alt=""></map>
</body>
</html>
==========================
==========
==========
==========
==========
==========
==========
===
Thanks