GoverNment
04-28-2008, 07:05 AM
this is what i got on my report for my new homepage of my school production projects and it keeps coming back errors? for school i got to build like 3 websites looking professional and i can't quite fix these problems ??
At the link below type in, "http://www.diberadin.com/dp.htm"
and it will come up 14 HTML errors, if any one could help me or point me in the right direction i would appreciate it alot!
URL:
http://xhtml-css.com/check
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/tr/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="DiBeradin productions =D"/>
<meta name="keywords" content="Zach, Webpage, Diberadin productions, diberadin, zachary diberadin, webdesign"/>
<!-- stylesheet below is not being used here -->
<!-- link rel="stylesheet" type="text/css" href="style.css" media="all" / -->
<title>DiBeradin Productions</title>
<style type="text/css">
* {
margin:0; padding:0;
}/* <-- Removes ALL margins and ALL padding, from EVERYTHING */
body {
background:#d7d7d7 url('http://img293.imageshack.us/img293/3015/dpgreytestsn3.jpg')
no-repeat fixed center 50%;
background-color: #868484
}
html, body, p, th, td, li, dd, dt {
font:0.9em Arial, Helvetica, verdana sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, 'times new roman', sans-serif;
}
h1 {
font-size: 2.0em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.0em;
}
h5 {
font-size: 0.9em;
}
h6 {
font-size: 0.8em;
}
/* Defined default Header sizes*/
a:link, a:visited, a:focus, a:hover, a:active {
background-color:transparent;
}/*s.508 Accessibility*/
a:link {
color: #00f;
}
a:visited {
color: #009;
}
a:focus {
color: #06f;
}
a:hover {
color: #06f;
}
a:active {
color: #0cf;
}
#wrapper {
position:relative;
width:974px;
margin:20px auto;
padding-bottom:10px;
background-color:transparent;}
#header {
width:974px;
height:58px;
margin:0 auto;
background-image:url('');
}
#navHeadText {
margin:0 0 10px 0;
padding-bottom:6px;
border-bottom:0px solid black;
}
#branding {
/*color:white;*/ font-size:10px;
text-align:center;
border:1px solid white;
height:58px;
}
/* "#branding" ensures content for SEARCH ENGINES, 'BOTS and screen readers */
#left {
width:210px;
position:absolute;
left:550px; top:58px;
margin:20px auto;
}
#left ul {
width:210px;
margin:auto;
font-size:1.1em;
}
#left li {
list-style-type:none;
text-align:center;
}
#content {
width:450px;
padding:25px 20px 25px 0;
margin-right:20px;
margin-left:60px;
border-left:0px solid;
background-color:transparent;
}
.headerStyle {
text-align:center;
width:760px;
margin:10px 0 10px 0
}
#ourServices {
width:500px;
margin:25px auto;
}
#ourServices li {
text-align:center;
list-style-type:none;
}
#footer {width:100%;
text-align:center;
border-top:0px solid black;
}
#footer ul {
margin:6px 0 0 0;
height:22px;
}
#footer li {
display:inline;
padding: 0 10px 0 10px;
border-right:0px solid black;
text-align:center;
}
</style>
<script language="JavaScript" >
<!--
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_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_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>
</head>
<body onload="FP_preloadImgs(/*url*/'Buttons/button10B.jpg', /*url*/'Buttons/button10C.jpg', /*url*/'Buttons/button10E.jpg', /*url*/'Buttons/button10F.jpg', /*url*/'Buttons/button111.jpg', /*url*/'Buttons/button112.jpg')">
<div id="wrapper">
<div id="header"><center>
</center>
</div>
<!-- end #header -->
<div id="left" style="position: absolute; left: 675px; top: 98px; height: 200px">
<ul>
<li>
<h2 title="Navigation" id="navHeadText"><font color="#FFFFFF">Navigation</font></h3>
</li>
</ul>
<p> <Center> <font color="#FFFFFF"><a href="index.htm">
<img border="0" id="img1" src="Buttons/button10D.jpg" height="20" width="100" alt="Home" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'Buttons/button10E.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'Buttons/button10D.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'Buttons/button10F.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'Buttons/button10E.jpg')"></a></font><br>
<a href="Portfolio.htm">
<img border="0" id="img2" src="Buttons/button10A.jpg" height="20" width="100" alt="Portfolio" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Portfolio" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'Buttons/button10B.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'Buttons/button10A.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'Buttons/button10C.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'Buttons/button10B.jpg')"></a><br>
<img border="0" id="img3" src="Buttons/button110.jpg" height="20" width="100" alt="Button Text" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Button Text" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button111.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button110.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button112.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button111.jpg')"><br> </Center> </p></div>
<!-- end #left -->
<div id="content" style="overflow:auto; position: absolute; left: 45px; top:95px; width: 425px; height: 225px">
<font color="#FFFFFF"><h1>Welcome</h1></g1><br>Welcome, and thanks for visiting DiBeradin Productions.
DiBeradin Productions is a amateur web design company based in Pittsburgh,
Pennsylvania. We specialize in:<p>-Easy to navigate websites</p>
<p>-CSS web Designs</p>
<p>-Strategic thinking</p>
<p>-One of a king websites</p>
<p>-Professional logos, and graphics for your website. </font></div>
<!-- end #wrapper -->
<div id="footer" style="width: 974px; height: 53px">
</div>
<script src="http://www.google-analytics.com/urchin.js" type=
"text/javascript">
</script> <script type="text/javascript">
_uacct = "UA-161924-13";
urchinTracker();
</script></div>
</body>
</html>
At the link below type in, "http://www.diberadin.com/dp.htm"
and it will come up 14 HTML errors, if any one could help me or point me in the right direction i would appreciate it alot!
URL:
http://xhtml-css.com/check
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/tr/html4/strict.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="description" content="DiBeradin productions =D"/>
<meta name="keywords" content="Zach, Webpage, Diberadin productions, diberadin, zachary diberadin, webdesign"/>
<!-- stylesheet below is not being used here -->
<!-- link rel="stylesheet" type="text/css" href="style.css" media="all" / -->
<title>DiBeradin Productions</title>
<style type="text/css">
* {
margin:0; padding:0;
}/* <-- Removes ALL margins and ALL padding, from EVERYTHING */
body {
background:#d7d7d7 url('http://img293.imageshack.us/img293/3015/dpgreytestsn3.jpg')
no-repeat fixed center 50%;
background-color: #868484
}
html, body, p, th, td, li, dd, dt {
font:0.9em Arial, Helvetica, verdana sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Helvetica, 'times new roman', sans-serif;
}
h1 {
font-size: 2.0em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.0em;
}
h5 {
font-size: 0.9em;
}
h6 {
font-size: 0.8em;
}
/* Defined default Header sizes*/
a:link, a:visited, a:focus, a:hover, a:active {
background-color:transparent;
}/*s.508 Accessibility*/
a:link {
color: #00f;
}
a:visited {
color: #009;
}
a:focus {
color: #06f;
}
a:hover {
color: #06f;
}
a:active {
color: #0cf;
}
#wrapper {
position:relative;
width:974px;
margin:20px auto;
padding-bottom:10px;
background-color:transparent;}
#header {
width:974px;
height:58px;
margin:0 auto;
background-image:url('');
}
#navHeadText {
margin:0 0 10px 0;
padding-bottom:6px;
border-bottom:0px solid black;
}
#branding {
/*color:white;*/ font-size:10px;
text-align:center;
border:1px solid white;
height:58px;
}
/* "#branding" ensures content for SEARCH ENGINES, 'BOTS and screen readers */
#left {
width:210px;
position:absolute;
left:550px; top:58px;
margin:20px auto;
}
#left ul {
width:210px;
margin:auto;
font-size:1.1em;
}
#left li {
list-style-type:none;
text-align:center;
}
#content {
width:450px;
padding:25px 20px 25px 0;
margin-right:20px;
margin-left:60px;
border-left:0px solid;
background-color:transparent;
}
.headerStyle {
text-align:center;
width:760px;
margin:10px 0 10px 0
}
#ourServices {
width:500px;
margin:25px auto;
}
#ourServices li {
text-align:center;
list-style-type:none;
}
#footer {width:100%;
text-align:center;
border-top:0px solid black;
}
#footer ul {
margin:6px 0 0 0;
height:22px;
}
#footer li {
display:inline;
padding: 0 10px 0 10px;
border-right:0px solid black;
text-align:center;
}
</style>
<script language="JavaScript" >
<!--
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_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_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>
</head>
<body onload="FP_preloadImgs(/*url*/'Buttons/button10B.jpg', /*url*/'Buttons/button10C.jpg', /*url*/'Buttons/button10E.jpg', /*url*/'Buttons/button10F.jpg', /*url*/'Buttons/button111.jpg', /*url*/'Buttons/button112.jpg')">
<div id="wrapper">
<div id="header"><center>
</center>
</div>
<!-- end #header -->
<div id="left" style="position: absolute; left: 675px; top: 98px; height: 200px">
<ul>
<li>
<h2 title="Navigation" id="navHeadText"><font color="#FFFFFF">Navigation</font></h3>
</li>
</ul>
<p> <Center> <font color="#FFFFFF"><a href="index.htm">
<img border="0" id="img1" src="Buttons/button10D.jpg" height="20" width="100" alt="Home" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Home" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'Buttons/button10E.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'Buttons/button10D.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'Buttons/button10F.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'Buttons/button10E.jpg')"></a></font><br>
<a href="Portfolio.htm">
<img border="0" id="img2" src="Buttons/button10A.jpg" height="20" width="100" alt="Portfolio" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Portfolio" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'Buttons/button10B.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'Buttons/button10A.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'Buttons/button10C.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'Buttons/button10B.jpg')"></a><br>
<img border="0" id="img3" src="Buttons/button110.jpg" height="20" width="100" alt="Button Text" fp-style="fp-btn: Braided Column 5; fp-bgcolor: #8E8E8E" fp-title="Button Text" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button111.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button110.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'Buttons/button112.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'Buttons/button111.jpg')"><br> </Center> </p></div>
<!-- end #left -->
<div id="content" style="overflow:auto; position: absolute; left: 45px; top:95px; width: 425px; height: 225px">
<font color="#FFFFFF"><h1>Welcome</h1></g1><br>Welcome, and thanks for visiting DiBeradin Productions.
DiBeradin Productions is a amateur web design company based in Pittsburgh,
Pennsylvania. We specialize in:<p>-Easy to navigate websites</p>
<p>-CSS web Designs</p>
<p>-Strategic thinking</p>
<p>-One of a king websites</p>
<p>-Professional logos, and graphics for your website. </font></div>
<!-- end #wrapper -->
<div id="footer" style="width: 974px; height: 53px">
</div>
<script src="http://www.google-analytics.com/urchin.js" type=
"text/javascript">
</script> <script type="text/javascript">
_uacct = "UA-161924-13";
urchinTracker();
</script></div>
</body>
</html>