Beste mensen,
ik heb nu een site waarbij ik een hele td als link gebruik maar dit werkt niet in firefox.. weet iemand misschien hoe dit komt?

dit is de hele pagina in html, zonder php


<?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">;
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style2 {
color: #666666
}
.style3 {
color: #666666;
font-weight: bold;
font-style: italic;
}
.style6 {color: #999999}
.style8 {
color: #999999;
font-size: 10px;
}
-->
</style>
<title>Hekansingsysteem schaersvoorde</title></head>
<body>

<div id="TOPBORDER"></div>
<div id="TOPNAV">
<div><p><a class="Home" href="index.php" alt="" /></a> <a class="Contact" href=?&mailform alt="" /></a> <a class="Map" href="?&sitemap" alt="" /></a></p>
</div>
</div>

<div id="HEADER"></div>
<div id="NAV">
<div class="Wrapper"> </div>
</div>

<div id="CONTENT">
<div class="Wrapper">
<div id="SIDE">
<h2 class="Top">Menu </h2>
<td class="formArea"><table width="100%" border="0" cellpadding="2" cellspacing="2">
<tr>

<td class="bezet" >-Home</td>
</tr>
<tr>
<a href="ons.html"> <td class="formArea" onmouseover="this.className='mouse'" onmouseout="this.className='nomouse'">-Gegevens</td>
</a> </tr>
<tr>
<a href="theorie.html"> <td class="formArea" onmouseover="this.className='mouse'" onmouseout="this.className='nomouse'">-Status</td>
</a> </tr><tr>
<a href="praktijk.html"> <td class="formArea" onmouseover="this.className='mouse'" onmouseout="this.className='nomouse'">-Login</td>
</a>
</tr>
<tr>
<td class="formArea" onmouseover="this.className='mouse'" onmouseout="this.className='nomouse'">- Contact</td>
</tr>
<tr>
<td class="formArea" onmouseover="this.className='mouse'" onmouseout="this.className='nomouse'">- Aanmelden</td>
</tr>



</table></td>
<p><br />
</p>
</p>
</div>
<div id="SIDE1"><br /><br /><br /><br /><br /><br /><br /><BR /><br /><br /><br /><br /><br /><br /><br /></div>
<div id="TEXT">
<p>&nbsp;</p>
<p align="left" class="style3"><br />
Welkom bij het herkansingsysteem van schaersvoorde</p>
<p align="left" class="style2 style2">Log hieronder in:</p>
<table border="0" width="293" height="100%" cellspacing="0" cellpadding="2">
<form method="post" action="">
<tr>
<td width="59%" class="main"><span class="style2">Voornaam:</span></td>
<td width="41%" class="main"><input type="text" name="email_address" /></td>
</tr>
<tr>
<td class="main"><span class="style2">Achternaam:</span></td>
<td class="main"><input type="text" name="password" maxlength="40" /></td>
</tr>
<tr>
<td class="main"><span class="style2">Leerlingnummer:</span></td>
<td class="main"><input type="text" name="password" maxlength="40" /></td>
</tr>
<tr>
<td class="main"><span class="style2">wachtwoord:</span></td>
<td class="main"><input type="password" name="password" maxlength="40" /></td>
</tr>
<tr>
<td class="main" >
<label></label> </td>
<td class="main" align="right"><input name="Submit" type="submit" class="submit" id="button" value="Login" /></td>
</tr> </form>
<tr>
<td class="smallText" colspan="2"><a href="login.php?x=vergeten"><br />
<span class="style6">Wachtwoord vergeten? Klik Hier.</span></a></td>
</tr>
</table>
<p>&nbsp;</p>
</div>
<!-- END CENTER BLOCK -->
</div>
</div>

<div id="FOOTER">
<div class="Line"></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<span class="style8">Copyright &copy; 2007- 2008, Tom Fischer
</p>
</span></div>

<div id="BOTTOMBORDER"></div>
</body>
</html>
?>

Maar de links pakt hij niet in firefox???
gr tom
Volgens de standaard mag je waarschijnlijk geen a om een td heen zetten.
[edit]Zo te zien aan de validator ook niet[/edit]
Maar hoe kan je anders van een td een link maken dan?
gr tom
Is dit een oplossing voor je?, het is in ieder geval Valid XHTML 1.0 Transitional


<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td onclick="document.location='http://www.google.nl'"> test </td>
    <td>&nbsp;</td>
  </tr>
</table>
Nadeel is dan dat de link niet meer werkt als javascript uitgeschakeld is. Maar waarom zou je van een hele <td> een link willen maken?
Een kleine toevoeging aan de tabel van Danny: de mouse-pointer wordt een handje. Dan is duidelijker dat het een link is.
<table width="400" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="cursor:pointer" onclick="document.location='http://www.google.nl'"> test </td>
    <td>&nbsp;</td>
  </tr>
</table>
Inline styles, obtrusive JavaScript, brrr!
Kan je niet van:
<a href="praktijk.html"> <td class="formArea"  onmouseover="this.className='mouse'" onmouseout="this.className='nomouse'">-Login</td>

het volegnde maken:
 <td class="formArea"><a href="praktijk.html">-Login</a></td>


Maar ik zou toch maar een basiscursusje html & css doen...
Klopt allemaal jan, maar ik laat de vormgeving via CSS en het extern plaatsen van javascript geheel over aan de ontwikkelaar.

Ik heb het volgende op http://www.silverr.fressh.nl/layout_secret2.php bij die vakken onderaan:

<td width="204" height="72" onClick="window.location.href='link.php" onmouseover="this.style.backgroundColor='#FFB775'" onmouseout="this.style.backgroundColor=this.parentNode.parentNode.parentNode.style .borderColor">

Het is miss niet de meest nette methode maar het werkt..
Succes ermee
Beste thomas,
dit werkt maar nu staat er dat de pagina gereed is maar fouten bevat:P
hoe kan dit?
heb dit:
<td class="formArea" onmouseover="this.className='mouse'" onmouseout="this.className='nomouse'" onClick="window.location.href='login.php'">-Login</td>
en op de manier van Danny en Kees geporbeerd maar krijg weer de foutmelding.

En wil de td gewoon als link gebruiken.
gr tom;)

Hij doet het nu ineens wel ....
gr tom ;)
nog bedankt!!!

Reageren