Need help fixing a W3C error

DezUk · 21 Feb 2007 at 14:18

I am trying to find solutions to fixing the coding errors on a website that do not pass W3C validation. The site in question is http://acnielsen.easycruit.com/

One of the errors is....

Line 76 column 6: document type does not allow element "tr" here; assuming missing "table" start-tag

<tr>

Can anyone advise me as to what is wrong with the code and what the fix would be ?

Thanks.

shine · 21 Feb 2007 at 14:21

It would help if we could see the code.

Edit: I ran that link through the W3C validator and I think you need to move this line

Code:

<table width="350" border="0" cellspacing="0" cellpadding="0" align="left">

into your form as your table is inside the form and then revalidate.

DezUk · 21 Feb 2007 at 14:25

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>AC Nielsen</title>
	
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="Stylesheet" href="/files/style.css" type="text/css" />
	<script type="text/javascript" language="javascript">
	<!--
	/* <![CDATA[ */
		//Login
  		function doLogin() {
   	 	if (document.login.username.value && document.login.password.value) {
      	document.login.submit();
    	} else {
      	window.alert("Fejl i brugernavn eller password!");
    	}
  	}
		function initLinks(){
 	var l = document.links;
    for(i=0;l.length>i;i++)
    l[i].onfocus = function(){this.blur();}
}
	window.onload = initLinks;
	/* ]]> */
	//-->
</script>
</head>
<body>

	<table cellspacing="0" cellpadding="3" width="460" border="0" align="left" style="text-align:left;" class="list">
			<tr>
				<td width="320" class="list">Jobtitel</td>
				<td class="list" align="right" style="text-align:right;">Ansøgningsfrist</td>
			</tr>
							   <tr>
				<td class="list-item-light" width="300"><ul class="disc"><li><span class="link"><a href="/vacancy/18919/5897?iso=dk" target="_blank">Norsktalende telefonintervjuer</a></span></li></ul></td>

				<td class="list-item-light" align="right" style="text-align:right;">
				løpende</td>
			  </tr>
	  						   <tr>
				<td class="list-item-dark" width="300"><ul class="disc"><li><span class="link"><a href="/vacancy/18828/5897?iso=dk" target="_blank">Dansktalende telefoninterviewer</a></span></li></ul></td>
				<td class="list-item-dark" align="right" style="text-align:right;">
				løbende</td>

			  </tr>
	  							<tr>
				  <td colspan="4">&nbsp;</td>
	  		</tr>
				<tr>
				  <td colspan="4" style="height:25px;"><b>Uopfordret ansøgning og CV</b></td>
	  </tr>
				<tr>

					<td colspan="4">Hvis du ikke finder det ledige job, du søger, kan du vælge at indtaste dit CV med en uopfordret ansøgning i vores CV database.<br />
  <br />
  <table width="350" border="0" cellspacing="0" cellpadding="0" align="left">
  <form name="register" target="_blank" method="post" action="https://acnielsen.easycruit.com/career-center/login/register">
                <input type="hidden" name="iso" value="dk" />
                      </form>
                 <form name="login" target="_blank" method="post" action="https://acnielsen.easycruit.com/career-center/login">
                 <input type="hidden" name="iso" value="dk" />
<table>
  <tr>
    <td width="150"><b>Brugernavn:</b></td>
	<td><b>Adgangskode:</b></td>
    </tr>
		<tr>
	<td width="144"><input type="text" name="username" class="field" value="" /></td>
	<td><input type="password" name="password" class="field" value="" /></td>
		</tr>
</table>

			<tr>
	<td colspan="2"><input type="submit" onfocus="this.blur();" name="login_btn" value="&nbsp;Log på&nbsp;" class="knap" /></td>  </tr>
			<tr>
			  <td colspan="2">&nbsp;</td>
	    </tr>
			<tr>
			  <td colspan="2"><span class="apply"><a href="/career-center/login/register?iso=dk" target="_blank">Ny bruger? - Registrer dit CV her</a>.</span></td>

	    </tr></form>
	</table></td>
				</tr>
	</table>
</body>
</html>

DezUk · 21 Feb 2007 at 14:27

shine said:
It would help if we could see the code.

Edit: I ran that link through the W3C validator and I think you need to move this line

Code:

<table width="350" border="0" cellspacing="0" cellpadding="0" align="left">

into your form as your table is inside the form and then revalidate.

What do you mean by insert in into the form ?

shine · 21 Feb 2007 at 14:33

Yep, that confirms it. If you change the following from:

Code:

<table width="350" border="0" cellspacing="0" cellpadding="0" align="left"> <form name="register" target="_blank" method="post" action="https://acnielsen.easycruit.com/career-center/login/register"> <input type="hidden" name="iso" value="dk" /> </form> <form name="login" target="_blank" method="post" action="https://acnielsen.easycruit.com/career-center/login"> <input type="hidden" name="iso" value="dk" /> <table> <tr>

to

Code:

<form name="register" target="_blank" method="post" action="https://acnielsen.easycruit.com/career-center/login/register"> <input type="hidden" name="iso" value="dk" /> </form> <form name="login" target="_blank" method="post" action="https://acnielsen.easycruit.com/career-center/login"> <input type="hidden" name="iso" value="dk" /> 
<table width="350" border="0" cellspacing="0" cellpadding="0" align="left"> 
<table> <tr>

That should fix that error.

DezUk · 21 Feb 2007 at 14:52

Thanks man I appreciate the help