Yikes. I need help validating!

Vik · #1 Apr 27th, 2005, 21:10

Hi everyone.

So I am supposed to be making sure that a website of mine is validated before I can present it in class tomorrow for my final. I am having the hugest time validating this stinkin page. (And it's only the index page so far!)

Here is the page: http://www.rawker.com/indextest.htm

Here is the code that I have on the page. I honesty don't understand what this validating page is trying to tell me. I do know that it is calling out some issues in the script, but there is nothing I can do to change that script because I got it as a navigation menu from dynamic drive, but the rest of it I am having troubles with.

I don't know what to do anymore

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Rawker Hosting!</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" href="styles.css" type="text/css" />
<style type="text/css">

#dropmenudiv{
position:absolute;
border:1px solid black;
font:normal 12px Palatino Linotype;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #754545;
}

</style>

<script language="JavaScript" type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>

<script type="text/javascript">

/***********************************************
* AnyLink Drop Down Menu-  Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

//Contents for menu 1
var menu1=new Array()
menu1[0]=' Main '
menu1[1]='About'
menu1[2]='FAQs'
menu1[3]='Contact'

//Contents for menu 2, and so on
var menu2=new Array()
menu2[0]='Hosting'
menu2[1]='Sign Up'
menu2[2]='Domain Registration'
menu2[3]='Terms and Requirements'
menu2[4]='Rawker Clients'
menu2[5]='Affiliates'


//Contents for menu 3
var menu3=new Array()
menu3[0]='uRawk Image Hosting'
menu3[1]='Zearo Concepts'
menu3[2]='Halikan Designs'


		
var menuwidth='155px' //default menu width
var menubgcolor='#1C1C1C'  //menu bgcolor
var disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top=-500
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu

</script>
</head>
<body>
<div id="hostingmain" style="position:absolute; z-index:1; background-color: #1C1C1C; layer-background-color: #1C1C1C; border: 3px solid #000000;"></div>
<div id="rawker1" style="position:absolute; z-index:2"></div>
<div id="hosting" style="position:absolute; z-index:3"></div>
<div id="Layer5" style="position:absolute; left:492px; top:168px; width:346px; height:36px; z-index:5"> 
  [img]images/site.jpg[/img] 
     [img]images/host.jpg[/img] 
      [img]images/links.jpg[/img] 
</div>
<div id="inexplain" style="position:absolute; z-index:6">
  

</p>
  

 - Need a free host for your image? Check out: <a href="http://www.urawk.com" target="_blank">uRawk 
    Image Hosting!</a></p>
  

- Want your own domain name? (www.yourdomainname.com) Well you can now register 
    one with Rawker Hosting for $10 a year!</p>
  </div>
<div id="Layer7" style="position:absolute; left:660px; top:57px; width:199px; height:36px; z-index:7">[img]images/concept.jpg[/img]</div>
<div id="Layer8" style="position:absolute; left:143px; top:234px; width:725px; height:279px; z-index:8">
  

Ever wish you could have your own website?

    

    Better yet, one where you would not have to pay anything, but have your own 
    customizable domain?

    

    How about being able to host your own journals, weblogs, photo albums, personal 
    websites, have your own email, forums and more - for FREE? </p>
  

Rawker Hosting is for anyone and everyone. Whether your in middle school, 
    high school, college, or an adult, we are definitely for you. Not only do 
    we offer customizable services, but Rawker Hosting is part of an innovative 
    family of websites ran by Zearo Concepts. So whatever your looking for, we 
    can supply. Feel free to contact the owner of Zearo Concepts, Vik, if you 
    have any questions or thoughts.</p>
  

What seperates us from the rest? Ever get tired of using the same business 
    domain that your host provides? Well, Rawker Hosting offers you a wide variety 
    of domains to chose from to make your website YOURS. Not a cookie-cutter website 
    forced upon you with other free hosts :)</p>
</div>
<div id="Layer4" style="position:absolute; left:140px; top:739px; width:728px; height:90px; z-index:9">  </div>
<div id="Layer9" style="position:absolute; left:444px; top:526px; width:50px; height:25px; z-index:10">[img]images/updates.jpg[/img]</div>
</body>
</html>

D3mon · #2 Apr 27th, 2005, 22:11

move your javascript to an external file. Then the validator won't need to read it.

The only errors that remain then are that you don't have alt attributes on some of your images.

If Javascript is disabled, your site is un-navigable.

gohankid77 · #3 Apr 27th, 2005, 22:23

Scripts and style blocks are both considered character data. The validator shouldn't parse it, but because it hasn't been marked as character data, it is parsed. That is why your scripts render errors.

In scripting, your script should be something like this:

Code: Select all

<script type="text/javascript">
// <![CDATA[

/* your script
goes here */

// ]]>
</script>

In CSS, it should look something like this:

Code: Select all

<style type="text/css">
/* <![CDATA[ */

/* Your styles
go here */

/* ]]> */
</style>

CDATA stands for Character DATA, in case you were wondering.

I hope that helps!

Vik · #4 Apr 28th, 2005, 05:41

Thank you so much for both of your help. I am going to give this a shot and let you know if I was able to get it to work

Vik · #5 Apr 28th, 2005, 05:48

I was able to get the coding to work! Thank you! I have run into another problem though. I don't understand why this is the case on this:

On my about page: www.rawker.com/about.htm I run into one error:

Code: Select all

Line 231, column 99: document type does not allow element "a" here

..."_blank" href="http://www.rawker.com"> <img src="http://www.rawker.com/rawker

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

I don't know how to change this because I don't really understand what it is saying. Here is the coding I have on my site that it is finding problem with:

Code: Select all

<div id="Layer9" style="position:absolute; left:444px; top:492px; width:418px; height:223px; z-index:10">
<p align="center">Want to link to Rawker Hosting? Feel free to take our button! (More choices coming soon)

  [img]images/rawkerbt.gif[/img] 
  

  Copy this Code:     
  <textarea cols="25" rows="5">Get free hosting at:  [img]http://www.rawker.com/rawkerbt.gif[/img] </textarea></p></div>
<div id="Layer10" style="position:absolute; left:345px; top:361px; width:519px; height:143px; z-index:11"></div>

^ that is just the snippet the validator is having troubles accepting.

Smokie · #6 Apr 28th, 2005, 09:06

its probably because you have html tags inside of a textarea, try using the ascii equivalents of > and < instead.

Rob · #7 Apr 28th, 2005, 09:18

Smokie is right.... use this for your textarea code:-

Code: Select all

<textarea cols="25" rows="5">Get free hosting at: &lt;a target="_blank" href="http://www.rawker.com"&gt; &lt;img src="http://www.rawker.com/rawkerbt.gif" border= "0" alt="rawkerbt"/&gt; &lt;/a&gt;</textarea>

Vik · #8 Apr 28th, 2005, 15:28

Oh my gosh!

I cannot believe that my WHOLE website: www.rawker.com that I have to present in two hours is completely validated.

I NEVER thought I would be able to get it completely validated! I went from 70 errors on every single page to 0!

I could not have done it without your guy's help. Thank you so very much. I am super grateful. I was getting desperate. Unfortunately I was not receiving help anywhere else. Thank you SO much!

gohankid77 · #9 Apr 28th, 2005, 19:03

That's what we are all here for.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
validating username	sudhakararaog	PHP Forum	0	May 27th, 2008 18:50
Worth validating with JS as well as php?	djeyewater	PHP Forum	6	Mar 27th, 2008 15:03
Help validating	Oak	Web Page Design	11	Feb 5th, 2008 10:55
Validating target	Lchad	Web Page Design	16	Jan 18th, 2007 14:36
validating xhtml with ' &#39	rocket468	Web Page Design	3	Dec 31st, 2006 06:38

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Yikes. I need help validating!