some errors wont correct?

**GoverNment** · 04-28-2008 06: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

Code:

<!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>

**WebJoel** · 04-28-2008 06:43 AM

<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 D....

Not a valid tag.

Mostly, the 'errors' here are just nesting problems... un-closed "<h2>" followed by unexpected "</h3>", and a few proprietary tags. Screenshot image:

**GoverNment** · 04-28-2008 06:13 PM

thanks, when i close the <h1 should it be </h1> or just </h1 ?

http://validator.w3.org/check?uri=ww...Strict&group=0

i still cannot figure this stuff out?
idk, if it's me or im just to tired?

because, everytime i try to re-correct it makes more errors, im so lost with this,, ugh

**GoverNment** · 04-28-2008 07:36 PM

ugh, im currently pulling out all my hair i just can't quite figure these out.

**WebJoel** · 04-28-2008 08:13 PM

Go to: http://www.mozilla.com/en-US/firefox/ and get/download/install Firefox.

Then, while IN Firefox browser, search for the extention "HTML Validator by TIDY". Install (download) that. It self-installs in Firefox. Use it to check your code. It has the ability to correct ALL your validational warnings with *just one click*.

**GoverNment** · 04-28-2008 08:23 PM

wow! thanks that will help alot!

**WebJoel** · 04-28-2008 08:35 PM

Originally Posted by GoverNment

wow! thanks that will help alot!

When one gets good enough with this stuff, one can code in beautiful MS notepad and get it right.

But to be unencumbered with poor syntax, validation warnings etc., a helper tool is handy to have.

Here is the HTML-Validator by TIDY link:
https://addons.mozilla.org/en-US/fir...idator&cat=all

Visit this while USING Firefox, click "install now", and watch some magic occur...

**Centauri** · 04-28-2008 11:25 PM

See your other thread.

**IL14N4** · 04-29-2008 10:33 AM

Instead of single quote where you declared your font-families :'times new roman',
Use double quote, this might help as far as this error is concerned. Like:

'"times new roman'"

**WebJoel** · 04-29-2008 01:17 PM

Instead of single quote where you declared your font-families :'times new roman',
Use double quote, this might help as far as this error is concerned. Like:

'"times new roman'"

Shouldn't make any difference. Single-quotes are as valid as double-quotes and vice-versa. Nesting quotes, -probably okay too but complicating needlessly.

Thread: some errors wont correct?

Thread Tools

Display

some errors wont correct?

Use Double quote instead of Single

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions