[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

smoothing out errors discovered by html validator

Posted on 2004-04-01
12
Medium Priority
?
512 Views
Last Modified: 2013-12-16
Hi Guys,
I've tried the html validator at
http://www.htmlhelp.com/cgi-bin/validate.cgi#L86
It shows that i have errors on my page, here it is below. What exactly, am i doing wrong here to get these 3
errors below?
Thankyou in advance



Errors and Warnings

Line 86, character 48:
... reloadImages(" onMouseMove = " mover()"images\kof.gif")">
                                 ^Error: there is no attribute onMouseMove for this element (in this HTML version)

Line 86, character 64:
... nMouseMove = " mover()"images\kof.gif")">
                                 ^Error: images is not a member of a group specified for any attribute

Line 133, character 99:
... useover='MM_swapImage('Image3','images/kof.gif',1)'>

                                 ^Error: an attribute value literal can occur in an attribute specification list only after a vi delimiter

Input
  1   <?xml version="1.0" encoding="iso-8859-1"?>
  2   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3   <html xmlns="http://www.w3.org/1999/xhtml">
  4   <head>
  5   <title>Home</title>
  6   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7   <script language='JavaScript' type='text/JavaScript'>
  8   <!--
  9   function MM_swapImgRestore() { //v3.0
 10     var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
 11   }
 12  
 13   function MM_preloadImages() { //v3.0
 14     var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 15       var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 16       if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
 17   }
 18  
 19   function MM_findObj(n, d) { //v4.01
 20     var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 21       d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 22     if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 23     for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 24     if(!x && d.getElementById) x=d.getElementById(n); return x;
 25   }
 26  
 27   function MM_swapImage() { //v3.0
 28     var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
 29      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
 30   }
 31   //-->
 32   </script>
 33   <script language='Javascript' type='text/JavaScript'>
 34  
 35   <!-- This script and many more are available free online at -->
 36   <!-- The JavaScript Source!! http://javascript.internet.com -->
 37   <!-- Original:  Tim Bruemmer (timaay78@hotmail.com) -->
 38   <!-- Web Site:  http://www.geocities.com/tim_coreteam -->
 39  
 40   <!-- Begin
 41   function mover()
 42   {
 43   document.all.x.style.left = event.clientX;
 44   document.all.x.style.top = event.clientY;
 45   document.all.x1.style.top = event.clientX;
 46   document.all.x1.style.left = event.clientY;
 47   document.all.x2.style.top = event.clientX;
 48   document.all.x2.style.right = event.clientY;
 49   document.all.x3.style.right = event.clientX;
 50   document.all.x3.style.top = event.clientY;
 51   document.all.x4.style.bottom= event.clientX;
 52   document.all.x4.style.right = event.clientY;
 53   document.all.x5.style.bottom= event.clientX;
 54   document.all.x5.style.left = event.clientY;
 55   document.all.x6.style.left= event.clientX;
 56   document.all.x6.style.bottom = event.clientY;
 57   document.all.x7.style.right= event.clientX;
 58   document.all.x7.style.bottom = event.clientY;
 59   }
 60   //  End -->
 61   </script>
 62   <style type="text/css">
 63   <!--
 64   .unnamed1 {
 65         font-family: Verdana, Arial, Helvetica, sans-serif;
 66         font-style: normal;
 67         line-height: normal;
 68         font-weight: normal;
 69         font-variant: normal;
 70         text-transform: lowercase;
 71         color: #000099;
 72         background-color: #CCCCCC;
 73         background-image: none;
 74         letter-spacing: normal;
 75         text-align: left;
 76         word-spacing: normal;
 77         white-space: normal;
 78   }
 79   -->
 80   </style>
 81   <link href="stylesheet.css" rel="stylesheet" type="text/css" />
 82   </head>
 83  
 84   <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
 85  
 86   <body onload="MM_preloadImages(" onMouseMove = " mover()"images\kof.gif")">
 87   <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
 88   <div id = "x" style = "position: absolute; filter: glow(strength = 3, color = red)"> Hello there! </div>
 89   <div id = "x1" style = "position: absolute; filter: glow(strength = 3, color = blue)"> Good to see you! </div>
 90   <div id = "x2" style = "position: absolute; filter: glow(strength = 3, color = blue)"> Hello there! </div>
 91   <div id = "x3" style = "position: absolute; filter: glow(strength = 3, color = red)"> Good to see you! </div>
 92   <div id = "x4" style = "position: absolute; filter: glow(strength = 3, color = green)"> Hello there! </div>
 93   <div id = "x5" style = "position: absolute; filter: glow(strength = 3, color = green)"> Good to see you! </div>
 94   <div id = "x6" style = "position: absolute; filter: glow(strength = 3, color = purple)"> Hello there! </div>
 95   <div id = "x7" style = "position: absolute; filter: glow(strength = 3, color = purple)"> Good to see you! </div>
 96  
 97  
 98  
 99  
100  
101  
102   <p align='center'>
103      <img src="../adel's webpage/images/taekwando title.gif" alt="taekwondo" width="293" height="295"/>
104   </p>
105  
106   <p align='center'>
107   <a href="index.htm">
108      <img src="../adel's webpage/images/home.jpg" alt="home"width= "200" height= "200"/>
109   </a>
110  
111   <a href="pages/gradings.htm">
112      <img src="../adel's webpage/images/gradings.jpg" alt="gradings" width="200" height="200"/>
113   </a>
114   <a href="pages/sparring.htm"><img src="../adel's webpage/images/sparring.jpg"alt="gradings"width="200"height="200"/>
115   </a>
116  
117   </p>
118  
119   <p align='center'>
120      <img src="images/historytitle.jpg" alt="taekwondo" width="200" height="200"/>
121   </p>
122   <br/>
123   <font size="3"> <font face="Verdana, Arial, Helvetica, sans-serif"> <font color="#990000">Taekwondo is the name of the
124   martial art turned modern international sport which has been independently developed
125   over about 20 centuries in Korea. The main feature of Taekwondo is that it is
126   a free-fighting combat sport using bare hands and feet to repel an opponent. Taekwondo
127   no more the sport of an eastern small country, Korea, has
128   become one of the world's most prominent sports participated in by some 40 million
129   people in more than 142 countries.The Taekwondo World Championships and Taekwondo
130   Asian Championships have been held ten times to date.<br/></font></font></font>
131    
132   <p align='center'><strong><em><font size="7">What is Taekwondo?</font></em></strong></p>
133   <h3 align='center'> <a href="#" onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage('Image3','images/kof.gif',1)'>
134     </a><img src="images/pic2.jpg" alt="pic1" name="Image6" width="158" height="296" border="0" id="Image6" />
135   </h3>
136   <p>
137     <font size="3"><font face="Verdana, Arial, Helvetica, sans-serif">
138     <font color="#990000"><br/>Taekwondo was developed as a defense against enemy attacks. In old days people
139     living simple lives lacked physical fitness and their bodies became bent in
140     their old age. Taekwondo also served to improve health, physical fitness and
141     poise of the people practicing it. Our belief is that Taekwondo-trained men
142     are selt-confident, not only in physical aspects but also in their mental discipline,
143     because they have developed superior techniques for personal entire body is
144     a weapon, and he is easily able to attack and beat off an aggressor with hands,
145     fists, elbows, knees, feet or any other part of his body. <br/>
146     In recent years, Taekwondo has become a modern amateur sport. It has become
147     a modern world sport with tradition and spirit of martial science maintained.
148     It was incorporated into regular curriculum of primary schools through colleges.
149     It became an integral part of training in the military. Taekwondo has become
150     a major entry in the annual athletic meet. Constitution, rules, regulations,
151     and promotion test riles were all developed to meet requirements as international
152     amateur sport.</font></font></font>
153   </p>
154   <br/>
155   <big><a href="#top">Top of page</a></big>
156   </body>
157  
158   </html>
159  
0
Comment
Question by:elusivesoul
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 4
  • 3
12 Comments
 
LVL 18

Expert Comment

by:bruno
ID: 10731369
line 86:

<body onload="MM_preloadImages(" onMouseMove = " mover()"images\kof.gif")">


what are you trying to do here?

your onload attribute:    onload="MM_preloadImages("
you are starting a function, but you end it right after the (  ..... that will not do you much good!

that line is all messed up, and because i can't even figure out what you are doing, i can't fix it.  however, the validator is seeing the onMouseMove as it's own attribute, and the error will go away if it's lowercase - onmousemove.  However, your code will still not be correct for that particular line.


the second error was the mover() part....again, it is seeing that as it's own attribute, and mover is NOT an attribute of <body>

I THINK you are trying to do this:

<body onload="MM_preloadImages();" onMouseMove="mover(images\kof.gif);">


the last error:

<a href="#" onmouseout='MM_swapImgRestore()' onmouseover='MM_swapImage('Image3','images/kof.gif',1)'>

I'm not sure what the problem is, but try this instead:


<a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Image3','images/kof.gif',1);">
0
 
LVL 9

Expert Comment

by:lombardp
ID: 10731449
Errors and Warnings

---------------------------------------------------------
Line 86, character 48:
... reloadImages(" onMouseMove = " mover()"images\kof.gif")">
                                 ^Error: there is no attribute onMouseMove for this element

onmousemove : correct
onMouseMove : not correct in XHTML

---------------------------------------------------------
Line 86, character 64:
... nMouseMove = " mover()"images\kof.gif")">

Strange row, maybe:
     onmousemove = " mover('images\kof.gif')">


---------------------------------------------------------
Line 133, character 99:
... useover='MM_swapImage('Image3','images/kof.gif',1)'>

Try this:

       onmouseover="MM_swapImage('Image3','images/kof.gif',1)">

0
 
LVL 18

Expert Comment

by:bruno
ID: 10731622
lombardp,

i must have missed something in your post?  DId you say anything that I hadn't already said?  Just curious...
0
Will your db performance match your db growth?

In Percona’s white paper “Performance at Scale: Keeping Your Database on Its Toes,” we take a high-level approach to what you need to think about when planning for database scalability.

 
LVL 9

Expert Comment

by:lombardp
ID: 10731725
>lombardp,
>i must have missed something in your post?  DId you say anything that I hadn't already said?
>Just curious...

I apologize, you are right,
my problem is that I am behind a firewall/proxy with an aggresive page cache policy. If I browse the same page after several hours, I see the cached page, unless I refresh the page. Usually I remember to refresh, this time I failed.


0
 

Author Comment

by:elusivesoul
ID: 10731750
Ok, i've done that, yet i'm getting these errors..

Errors and Warnings
Line 87, character 48:
... reloadImages();" onMouseMove="mover(images\kof.gif);">
                                 ^Error: there is no attribute onMouseMove for this element (in this HTML version)

Line 135, character 102:
... 'Image3','images/kof.gif',1)">
                                 ^Error: element a not allowed here; possible cause is an inline element containing a block-level element

Line 138, character 5:
</h3>
    ^Error: end tag for a omitted; end tags are required in XML for non-empty elements; empty elements require an end tag or the start tag must end with />

Line 134, character 21:
<h3 align='center'> <a href="#" onmouseout='MM_swapImgRestor ...
                    ^start tag was here

Input
  1   <?xml version="1.0" encoding="iso-8859-1"?>
  2   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3   <html xmlns="http://www.w3.org/1999/xhtml">
  4   <head>
  5   <title>Home</title>
  6   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  7   <script language='JavaScript' type='text/JavaScript'>
  8   <!--
  9   function MM_swapImgRestore() { //v3.0
 10     var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
 11   }
 12  
 13   function MM_preloadImages() { //v3.0
 14     var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
 15       var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
 16       if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
 17   }
 18  
 19   function MM_findObj(n, d) { //v4.01
 20     var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
 21       d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 22     if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 23     for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 24     if(!x && d.getElementById) x=d.getElementById(n); return x;
 25   }
 26  
 27   function MM_swapImage() { //v3.0
 28     var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
 29      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
 30   }
 31   //-->
 32   </script>
 33   <script language='Javascript' type='text/JavaScript'>
 34  
 35   <!-- This script and many more are available free online at -->
 36   <!-- The JavaScript Source!! http://javascript.internet.com -->
 37   <!-- Original:  Tim Bruemmer (timaay78@hotmail.com) -->
 38   <!-- Web Site:  http://www.geocities.com/tim_coreteam -->
 39  
 40   <!-- Begin
 41   function mover()
 42   {
 43   document.all.x.style.left = event.clientX;
 44   document.all.x.style.top = event.clientY;
 45   document.all.x1.style.top = event.clientX;
 46   document.all.x1.style.left = event.clientY;
 47   document.all.x2.style.top = event.clientX;
 48   document.all.x2.style.right = event.clientY;
 49   document.all.x3.style.right = event.clientX;
 50   document.all.x3.style.top = event.clientY;
 51   document.all.x4.style.bottom= event.clientX;
 52   document.all.x4.style.right = event.clientY;
 53   document.all.x5.style.bottom= event.clientX;
 54   document.all.x5.style.left = event.clientY;
 55   document.all.x6.style.left= event.clientX;
 56   document.all.x6.style.bottom = event.clientY;
 57   document.all.x7.style.right= event.clientX;
 58   document.all.x7.style.bottom = event.clientY;
 59   }
 60   //  End -->
 61   </script>
 62   <style type="text/css">
 63   <!--
 64   .unnamed1 {
 65         font-family: Verdana, Arial, Helvetica, sans-serif;
 66         font-style: normal;
 67         line-height: normal;
 68         font-weight: normal;
 69         font-variant: normal;
 70         text-transform: lowercase;
 71         color: #000099;
 72         background-color: #CCCCCC;
 73         background-image: none;
 74         letter-spacing: normal;
 75         text-align: left;
 76         word-spacing: normal;
 77         white-space: normal;
 78   }
 79   -->
 80   </style>
 81   <link href="stylesheet.css" rel="stylesheet" type="text/css" />
 82   </head>
 83  
 84   <!-- STEP TWO: Insert the onLoad event handler into your BODY tag  -->
 85  
 86  
 87   <body onload="MM_preloadImages();" onMouseMove="mover(images\kof.gif);">
 88   <!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
 89   <div id = "x" style = "position: absolute; filter: glow(strength = 3, color = red)"> Hello there! </div>
 90   <div id = "x1" style = "position: absolute; filter: glow(strength = 3, color = blue)"> Good to see you! </div>
 91   <div id = "x2" style = "position: absolute; filter: glow(strength = 3, color = blue)"> Hello there! </div>
 92   <div id = "x3" style = "position: absolute; filter: glow(strength = 3, color = red)"> Good to see you! </div>
 93   <div id = "x4" style = "position: absolute; filter: glow(strength = 3, color = green)"> Hello there! </div>
 94   <div id = "x5" style = "position: absolute; filter: glow(strength = 3, color = green)"> Good to see you! </div>
 95   <div id = "x6" style = "position: absolute; filter: glow(strength = 3, color = purple)"> Hello there! </div>
 96   <div id = "x7" style = "position: absolute; filter: glow(strength = 3, color = purple)"> Good to see you! </div>
 97  
 98  
 99  
100  
101  
102  
103   <p align='center'>
104      <img src="../adel's webpage/images/taekwando title.gif" alt="taekwondo" width="293" height="295"/>
105   </p>
106  
107   <p align='center'>
108   <a href="index.htm">
109      <img src="../adel's webpage/images/home.jpg" alt="home"width= "200" height= "200"/>
110   </a>
111  
112   <a href="pages/gradings.htm">
113      <img src="../adel's webpage/images/gradings.jpg" alt="gradings" width="200" height="200"/>
114   </a>
115   <a href="pages/sparring.htm"><img src="../adel's webpage/images/sparring.jpg"alt="gradings"width="200"height="200"/>
116   </a>
117  
118   </p>
119  
120   <p align='center'>
121      <img src="images/historytitle.jpg" alt="taekwondo" width="200" height="200"/>
122   </p>
123   <br/>
124   <font size="3"> <font face="Verdana, Arial, Helvetica, sans-serif"> <font color="#990000">Taekwondo is the name of the
125   martial art turned modern international sport which has been independently developed
126   over about 20 centuries in Korea. The main feature of Taekwondo is that it is
127   a free-fighting combat sport using bare hands and feet to repel an opponent. Taekwondo
128   no more the sport of an eastern small country, Korea, has
129   become one of the world's most prominent sports participated in by some 40 million
130   people in more than 142 countries.The Taekwondo World Championships and Taekwondo
131   Asian Championships have been held ten times to date.<br/></font></font></font>
132    
133   <p align='center'><strong><em><font size="7">What is Taekwondo?</font></em></strong></p>
134   <h3 align='center'> <a href="#" onmouseout='MM_swapImgRestore()' onmousemove = " mover('images\kof.gif')">
135   <a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Image3','images/kof.gif',1)">
136  
137     </a><img src="images/pic2.jpg" alt="pic1" name="Image6" width="158" height="296" border="0" id="Image6" />
138   </h3>
139   <p>
140     <font size="3"><font face="Verdana, Arial, Helvetica, sans-serif">
141     <font color="#990000"><br/>Taekwondo was developed as a defense against enemy attacks. In old days people
142     living simple lives lacked physical fitness and their bodies became bent in
143     their old age. Taekwondo also served to improve health, physical fitness and
144     poise of the people practicing it. Our belief is that Taekwondo-trained men
145     are selt-confident, not only in physical aspects but also in their mental discipline,
146     because they have developed superior techniques for personal entire body is
147     a weapon, and he is easily able to attack and beat off an aggressor with hands,
148     fists, elbows, knees, feet or any other part of his body. <br/>
149     In recent years, Taekwondo has become a modern amateur sport. It has become
150     a modern world sport with tradition and spirit of martial science maintained.
151     It was incorporated into regular curriculum of primary schools through colleges.
152     It became an integral part of training in the military. Taekwondo has become
153     a major entry in the annual athletic meet. Constitution, rules, regulations,
154     and promotion test riles were all developed to meet requirements as international
155     amateur sport.</font></font></font>
156   </p>
157   <br/>
158   <big><a href="#top">Top of page</a></big>
159   </body>
160  
161   </html>
162  
0
 

Author Comment

by:elusivesoul
ID: 10731778
by the way, its rollover image that is giving the errors.
0
 
LVL 9

Assisted Solution

by:lombardp
lombardp earned 800 total points
ID: 10731852
Line 87, character 48:
... reloadImages();" onMouseMove="mover(images\kof.gif);">

Use   onmousemove   (all lowercase character)
        ^^^^^^^^^


Line 134,
<h3 align='center'>
<a href="#" onmouseout='MM_swapImgRestore()' onmousemove = " mover('images\kof.gif')">

You opened <a> tag, but never closed </a>. You have to close it:

<a href="#" onmouseout='MM_swapImgRestore()' onmousemove = " mover('images\kof.gif')">MYLINK</a>


---------------

Please take into account that, regarding previous question, BRUNOBEAR answered first.

0
 
LVL 18

Expert Comment

by:bruno
ID: 10732030
lombardp, no problem, understood.


elusivesoul, because you are validating against an XHTML doctype, ALL attributes must be lowercase - NO EXCEPTIONS.

Also, ALL attributes must be quoted.

take a look at the following lines of code that were causing you errors.

134   <h3 align='center'> <a href="#" onmouseout='MM_swapImgRestore()' onmousemove = " mover('images\kof.gif')">
135   <a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Image3','images/kof.gif',1)">
136  
137     </a><img src="images/pic2.jpg" alt="pic1" name="Image6" width="158" height="296" border="0" id="Image6" />
138   </h3>


please change to this:

<div align="center">
<a href="#" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Image3','images/kof.gif',1);">
<img src="images/pic2.jpg" alt="pic1" name="Image6" width="158" height="296" border="0" id="Image6" /></a>
</div>



you had two <a> tags - why two, you didn't ahve anything inside either one of them.


bruno
0
 

Author Comment

by:elusivesoul
ID: 10733451
ok guys, i've had to redo some of the html page,,,now i've narrowed it down to one error left.

Errors and Warnings

Line 363, character 50:
... loadImages('images/kof.gif')">
                                 ^Error: element BODY not allowed here; check which elements this element may be contained within

Input
  1   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2   <html>
  3   <head>
  4   <title>Untitled Document</title>
  5   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6   <style type="text/css">
  7   <!--
  8   .unnamed1 {
  9         font-family: Verdana, Arial, Helvetica, sans-serif;
 10         font-style: normal;
 11         line-height: normal;
 12         font-weight: normal;
 13         font-variant: normal;
 14         text-transform: lowercase;
 15         color: #000099;
 16         background-color: #CCCCCC;
 17         background-image: none;
 18         letter-spacing: normal;
 19         text-align: left;
 20         word-spacing: normal;
 21         white-space: normal;
 22   }
 23   -->
 24   </style>
 25  
 26  
 27  
 28   <BODY>
 29  
 30   <script language="JavaScript" type="text/JavaScript">
 31  
 32  
 33  
 34  
 35  
 36  
 37  
 38  
 39  
 40  
 41  
 42  
 43   <!-- This script and many more are available free online at -->
 44  
 45   <!-- The JavaScript Source!! http://javascript.internet.com -->
 46  
 47   <!-- Original:  Adrese Ramsaran -->
 48  
 49   function eightb()
 50   {
 51   with(document.body.style)
 52   {
 53   scrollbarDarkShadowColor="0000FF";
 54   scrollbar3dLightColor="87CEFA";
 55   scrollbarArrowColor="0084ff";
 56   scrollbarBaseColor="0000FF";
 57   scrollbarFaceColor="000020";
 58   scrollbarHighlightColor="0000FF";
 59   scrollbarShadowColor="0000FF";
 60   scrollbarTrackColor="00008b";
 61   }
 62   setTimeout("one()",100);
 63   }
 64   </script>
 65   <script language="JavaScript" type="text/JavaScript">
 66   function sevenb()
 67   {
 68   with(document.body.style)
 69   {
 70   scrollbarDarkShadowColor="0000FF";
 71   scrollbar3dLightColor="87CEFA";
 72   scrollbarArrowColor="0084ff";
 73   scrollbarBaseColor="0000FF";
 74   scrollbarFaceColor="000030";
 75   scrollbarHighlightColor="0000FF";
 76   scrollbarShadowColor="0000FF";
 77   scrollbarTrackColor="00007b";
 78   }
 79   setTimeout("eightb()",100);
 80   }
 81   </script>
 82   <script language="JavaScript" type="text/JavaScript">
 83   function sixb()
 84   {
 85   with(document.body.style)
 86   {
 87   scrollbarDarkShadowColor="0000FF";
 88   scrollbar3dLightColor="87CEFA";
 89   scrollbarArrowColor="0084ff";
 90   scrollbarBaseColor="0000FF";
 91   scrollbarFaceColor="000040";
 92   scrollbarHighlightColor="0000FF";
 93   scrollbarShadowColor="0000FF";
 94   scrollbarTrackColor="00006b";
 95   }
 96   setTimeout("sevenb()",100);
 97   }
 98   </script>
 99   <script language="JavaScript" type="text/JavaScript">
100   function fiveb()
101   {
102   with(document.body.style)
103   {
104   scrollbarDarkShadowColor="0000FF";
105   scrollbar3dLightColor="87CEFA";
106   scrollbarArrowColor="0084ff";
107   scrollbarBaseColor="0000FF";
108   scrollbarFaceColor="000050";
109   scrollbarHighlightColor="0000FF";
110   scrollbarShadowColor="0000FF";
111   scrollbarTrackColor="00005b";
112   }
113   setTimeout("sixb()",100);
114   }
115   </script>
116   <script language="JavaScript" type="text/JavaScript">
117   function fourb()
118   {
119   with(document.body.style)
120   {
121   scrollbarDarkShadowColor="0000FF";
122   scrollbar3dLightColor="87CEFA";
123   scrollbarArrowColor="0084ff";
124   scrollbarBaseColor="0000FF";
125   scrollbarFaceColor="000060";
126   scrollbarHighlightColor="0000FF";
127   scrollbarShadowColor="0000FF";
128   scrollbarTrackColor="00004b";
129   }
130   setTimeout("fiveb()",100);
131   }
132   </script>
133   <script language="JavaScript" type="text/JavaScript">
134   function threeb()
135   {
136   with(document.body.style)
137   {
138   scrollbarDarkShadowColor="0000FF";
139   scrollbar3dLightColor="87CEFA";
140   scrollbarArrowColor="0084ff";
141   scrollbarBaseColor="0000FF";
142   scrollbarFaceColor="000070";
143   scrollbarHighlightColor="0000FF";
144   scrollbarShadowColor="0000FF";
145   scrollbarTrackColor="00003b";
146   }
147   setTimeout("fourb()",100);
148   }
149   </script>
150   <script language="JavaScript" type="text/JavaScript">
151   function twob()
152   {
153   with(document.body.style)
154   {
155   scrollbarDarkShadowColor="0000FF";
156   scrollbar3dLightColor="87CEFA";
157   scrollbarArrowColor="0084ff";
158   scrollbarBaseColor="0000FF";
159   scrollbarFaceColor="000080";
160   scrollbarHighlightColor="0000FF";
161   scrollbarShadowColor="0000FF";
162   scrollbarTrackColor="00002b";
163   }
164   setTimeout("threeb()",100);
165   }
166   </script>
167   <script language="JavaScript" type="text/JavaScript">
168   function oneb()
169   {
170   with(document.body.style)
171   {
172   scrollbarDarkShadowColor="0000FF";
173   scrollbar3dLightColor="87CEFA";
174   scrollbarArrowColor="0084ff";
175   scrollbarBaseColor="0000FF";
176   scrollbarFaceColor="000090";
177   scrollbarHighlightColor="0000FF";
178   scrollbarShadowColor="0000FF";
179   scrollbarTrackColor="00001b";
180   }
181   setTimeout("twob()",100);
182   }
183   </script>
184   <script language="JavaScript" type="text/JavaScript">
185   function eight()
186   {
187   with(document.body.style)
188   {
189   scrollbarDarkShadowColor="0000FF";
190   scrollbar3dLightColor="87CEFA";
191   scrollbarArrowColor="0084ff";
192   scrollbarBaseColor="0000FF";
193   scrollbarFaceColor="000080";
194   scrollbarHighlightColor="0000FF";
195   scrollbarShadowColor="0000FF";
196   scrollbarTrackColor="00002b";
197   }
198   setTimeout("oneb()",100);
199   }
200   </script>
201   <script language="JavaScript" type="text/JavaScript">
202   function seven()
203   {
204   with(document.body.style)
205   {
206   scrollbarDarkShadowColor="0000FF";
207   scrollbar3dLightColor="87CEFA";
208   scrollbarArrowColor="0084ff";
209   scrollbarBaseColor="0000FF";
210   scrollbarFaceColor="000070";
211   scrollbarHighlightColor="0000FF";
212   scrollbarShadowColor="0000FF";
213   scrollbarTrackColor="00003b";
214   }
215   setTimeout("eight()",100);
216   }
217   </script>
218   <script language="JavaScript" type="text/JavaScript">
219   function six()
220   {
221   with(document.body.style)
222   {
223   scrollbarDarkShadowColor="0000FF";
224   scrollbar3dLightColor="87CEFA";
225   scrollbarArrowColor="0084ff";
226   scrollbarBaseColor="0000FF";
227   scrollbarFaceColor="000060";
228   scrollbarHighlightColor="0000FF";
229   scrollbarShadowColor="0000FF";
230   scrollbarTrackColor="00004b";
231   }
232   setTimeout("seven()",100);
233   }
234   </script>
235   <script language="JavaScript" type="text/JavaScript">
236   function five()
237   {
238   with(document.body.style)
239   {
240   scrollbarDarkShadowColor="0000FF";
241   scrollbar3dLightColor="87CEFA";
242   scrollbarArrowColor="0084ff";
243   scrollbarBaseColor="0000FF";
244   scrollbarFaceColor="000050";
245   scrollbarHighlightColor="0000FF";
246   scrollbarShadowColor="0000FF";
247   scrollbarTrackColor="00005b";
248   }
249   setTimeout("six()",100);
250   }
251   </script>
252   <script language="JavaScript" type="text/JavaScript">
253   function four()
254   {
255   with(document.body.style)
256   {
257   scrollbarDarkShadowColor="0000FF";
258   scrollbar3dLightColor="87CEFA";
259   scrollbarArrowColor="0084ff";
260   scrollbarBaseColor="0000FF";
261   scrollbarFaceColor="000040";
262   scrollbarHighlightColor="0000FF";
263   scrollbarShadowColor="0000FF";
264   scrollbarTrackColor="00006b";
265   }
266   setTimeout("five()",100);
267   }
268   </script>
269   <script language="JavaScript" type="text/JavaScript">
270   function three()
271   {
272   with(document.body.style)
273   {
274   scrollbarDarkShadowColor="0000FF";
275   scrollbar3dLightColor="87CEFA";
276   scrollbarArrowColor="0084ff";
277   scrollbarBaseColor="0000FF";
278   scrollbarFaceColor="000030";
279   scrollbarHighlightColor="0000FF";
280   scrollbarShadowColor="0000FF";
281   scrollbarTrackColor="00007b";
282   }
283   setTimeout("four()",100);
284   }
285   </script>
286   <script language="JavaScript" type="text/JavaScript">
287   function two()
288   {
289   with(document.body.style)
290   {
291   scrollbarDarkShadowColor="0000FF";
292   scrollbar3dLightColor="87CEFA";
293   scrollbarArrowColor="0084ff";
294   scrollbarBaseColor="0000FF";
295   scrollbarFaceColor="000020";
296   scrollbarHighlightColor="0000FF";
297   scrollbarShadowColor="0000FF";
298   scrollbarTrackColor="00008b";
299   }
300   setTimeout("three()",100);
301   }
302   </script>
303   <script language="JavaScript" type="text/JavaScript">
304   function one()
305   {
306   with(document.body.style)
307   {
308   scrollbarDarkShadowColor="0000FF";
309   scrollbar3dLightColor="87CEFA";
310   scrollbarArrowColor="0084ff";
311   scrollbarBaseColor="0000FF";
312   scrollbarFaceColor="000010";
313   scrollbarHighlightColor="0000FF";
314   scrollbarShadowColor="0000FF";
315   scrollbarTrackColor="00009b";
316   }
317   setTimeout("two()",100);
318   }
319   </script>
320   <script language="JavaScript" type="text/JavaScript">
321   setTimeout("one()",500);
322   </script>
323  
324   <p>
325  
326  
327  
328   <script language="JavaScript" type="text/JavaScript">
329   <!--
330   function MM_reloadPage(init) {  //reloads the window if Nav4 resized
331     if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
332       document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
333     else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
334   }
335   MM_reloadPage(true);
336  
337   function MM_swapImgRestore() { //v3.0
338     var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
339   }
340  
341   function MM_preloadImages() { //v3.0
342     var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
343       var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
344       if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
345   }
346  
347   function MM_findObj(n, d) { //v4.01
348     var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
349       d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
350     if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
351     for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
352     if(!x && d.getElementById) x=d.getElementById(n); return x;
353   }
354  
355   function MM_swapImage() { //v3.0
356     var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
357      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
358   }
359   //-->
360   </script>
361  
362  
363   <BODY onLoad="MM_preloadImages('images/kof.gif')">
364  
365   <div align="center">
366     <p><a name="top"></a><a href="#" onMouseOut="MM_swapImgRestore()"
367  
368   onMouseOver="MM_swapImage('Image1','','images/kof.gif',1)"><img src="images/taekwandotitle.gif" name="Image1" width="293"
369  
370   height="295" alt="" border="0" align="top"></a>
371     </p>
372     <p>&nbsp;</p>
373     <table width="75%" border="1">
374       <tr>
375         <td width="36%"><a href="index.htm"><img src="images/home.jpg" alt="" width="200" height="200" border="0"></a></td>
376         <td width="36%"><a href="pages/gradings.htm"><img src="images/gradings.jpg" alt="" width="200" height="200"
377  
378   border="0"></a></td>
379         <td width="28%"><a href="pages/sparring.htm"><img src="images/sparring.jpg" alt="" width="200" height="200"
380  
381   border="0"></a></td>
382       </tr>
383     </table>
384     <p>&nbsp; </p>
385     <p align="center"><img src="images/historytitle.jpg" width="200" height="200" alt="">
386     </p>
387     <p align="center">&nbsp;</p>
388     <p align="justify">Taekwondo is the name of the martial art turned modern international
389       sport which has been independently developed over about 20 centuries in Korea.
390       The main feature of Taekwondo is that it is a free-fighting combat sport using
391       bare hands and feet to repel an opponent. Taekwondo no more the sport of an
392       eastern small country, Korea, has become one of the world's most prominent
393       sports participated in by some 40 million people in more than 142 countries.The
394       Taekwondo World Championships and Taekwondo Asian Championships have been
395       held ten times to date. </p>
396     <p align="justify">&nbsp;</p>
397     <p align="center"><strong><em><font size="7">What is Taekwondo?</font></em></strong></p>
398     <p align="justify">Taekwondo was developed as a defense against enemy attacks.
399       In old days people living simple lives lacked physical fitness and their bodies
400       became bent in their old age. Taekwondo also served to improve health, physical
401       fitness and poise of the people practicing it. Our belief is that Taekwondo-trained
402       men are selt-confident, not only in physical aspects but also in their mental
403       discipline, because they have developed superior techniques for personal entire
404       body is a weapon, and he is easily able to attack and beat off an aggressor
405       with hands, fists, elbows, knees, feet or any other part of his body. <br>
406       In recent years, Taekwondo has become a modern amateur sport. It has become
407       a modern world sport with tradition and spirit of martial science maintained.
408       It was incorporated into regular curriculum of primary schools through colleges.
409       It became an integral part of training in the military. Taekwondo has become
410       a major entry in the annual athletic meet. Constitution, rules, regulations,
411       and promotion test riles were all developed to meet requirements as international
412       amateur sport.</p>
413     <p align="justify">&nbsp;</p>
414     <p align="justify"><a href="#top">Top of Page</a></p>
415   </div>
416  
417  
418   <p>
419  
420  
421  
422   </body>
423   </html>
424  
425  
0
 
LVL 18

Accepted Solution

by:
bruno earned 1200 total points
ID: 10733481
exactly what is says!


Line 363, character 50:

 ^Error: element BODY not allowed here; check which elements this element may be contained within


your line 363:

363   <BODY onLoad="MM_preloadImages('images/kof.gif')">


but you already have a <body> tag on line 28

 28   <BODY>



You also never close your <head> tag - and it looks like you can get rid of the <body> tag on line 28 and use the one on 363, because you only have script above it, but you'll need to remove line 324 if you do that:

324   <p>


You can't have a random <p> tag in your document <head>


Make sure you close that <head> tag before your body tag on line 363!


bruno
0
 

Author Comment

by:elusivesoul
ID: 10735116
Thanks heaps guys, you saved my hide!!!!! :)
0
 
LVL 18

Expert Comment

by:bruno
ID: 10736773
Glad we could help, thanks for the A!  :-)
0

Featured Post

Veeam Task Manager for Hyper-V

Task Manager for Hyper-V provides critical information that allows you to monitor Hyper-V performance by displaying real-time views of CPU and memory at the individual VM-level, so you can quickly identify which VMs are using host resources.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

656 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question