Drop Down menu

Duifje · Bericht door **Duifje** » 06 mar 2005, 01:20

Ik heb deze drop down menu gezocht en gebruikt in mijn forum, namelijk deze:

http://www.sentinelli.nl/javascripts/menu/topmenu.html

Nu heb ik er 1 probleem mee, want als ik internet expl gebruik dan geeft hij hem niet goed weer en als ik firefox gebruik dan geeft hij het menu wel goed weer.

En ook net andersom als ik de maten goed doe voor internet expl dan gaat hij niet goed bij firefox.

Nu heb ik aan jullie een vraag hie kan ik het in internet expl en in firefox goed laten komen.

Een link naar mijn test board is:

Code: Selecteer alles

http://www.gamezx.nl/testforumleon/phpBB2/

Code van het script wat ik gebruik is:

Code: Selecteer alles

<style>
body{font-family:verdana;}
table{font-size:80%}
a{text-decoration:none}
td.menu{background:green}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script language="JavaScript">
<!-- Voor de leukste scripts gaat u naar...-->
<!-- Sentinelli’s Javascript! The source for all your Javascript and PHP -->

function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
<title></title>
</head>


<!-- Dit zet u in de body van de pagina-->
<table width="100%">
<tr bgcolor="#CCFFCC">
<td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')">
<a href="index.htm">Site 1</a><br />
<table class="menu" id="site1" width="20%">
<tr><td class="menu"><a href="pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">link 5</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')">
<a href="http://www.site2.nl">Site 2</a><br />
<table class="menu" id="site2" width="20%">
<tr><td class="menu"><a href="http://www.site2.nl/pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag5.htm">link 5</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')">
<a href="http://www.site3.nl">Site 3</a><br />
<table class="menu" id="site3" width="20%">
<tr><td class="menu"><a href="http://www.site3.nl/pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag5.htm">link 5</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site4')" onmouseout="verstopmenu('site4')">
<a href="http://www.site4.nl">Site 4</a><br />
<table class="menu" id="site4" width="20%%">
<tr><td class="menu"><a href="http://www.site2.nl/pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag5.htm">link 5</a></td></tr>
</table>
</td>

Ik hoop dat iemand het weet want ik zit al een hele dag er mee te knutselen en ben nog geen stap veder gekomen met het probleem.

Bee · Bericht door **Bee** » 06 mar 2005, 08:23

Code: Selecteer alles

function toonmenu(elmnt) 
{ 
document.all(elmnt).style.visibility="visible" 
} 
function verstopmenu(elmnt) 
{ 
document.all(elmnt).style.visibility="hidden" 
}

Is van de Internet Explorer Document Object Model (IE DOM). Dit moet aangepast worden naar het W3C DOM. Je moet dus even een ander scriptje zoeken.

Wout -- w00t · Bericht door **Wout -- w00t** » 06 mar 2005, 11:14

Dit topic bestaat al:
http://www.phpbb.nl/viewtopic.php?t=17232

Duifje · Bericht door **Duifje** » 06 mar 2005, 12:12

Weet iemand er toevalig 1 ik heb overal gezocht al.

Stef · Bericht door **Stef** » 06 mar 2005, 14:34

http://www.google.nl/search?hl=nl&q=dro ... Zoeken&lr=

http://www.phpbb2.de/dload.php?action=file&file_id=245

Duifje · Bericht door **Duifje** » 06 mar 2005, 15:03

Oke maar die download link werkt niet meer heeft iemand anders nog een link er naar toe.

Wout -- w00t · Bericht door **Wout -- w00t** » 06 mar 2005, 21:33

Kijk eens op AnouksWeb of Leejoo.nl

Duifje · Bericht door **Duifje** » 06 mar 2005, 22:16

Plak dit tussen de <head> tags

Code: Selecteer alles

<style>
body{font-family:verdana;}
table{background:black; position:absolute}
a{color:black;text-decoration:none; font:plain}
a:hover{color:#FF0000}
td.menu{background:#99CCFF}
table.topnav{font-size:70%;top:-2;left:10}
table.menu{font-size:100%;bottom:0;z-index:-1}
</style>

<script type="text/javascript">
var i=0;
var intHide, intShow;

function show(){
if (i>-140){
i=i-1;
document.all("menu").style.bottom=i;}
}
function showmenu(){clearInterval(intHide);
intShow = setInterval("show()",1);}

function hide(){ if (i<0){i=i+1;
document.all("menu").style.bottom=i;}
}
function hidemenu(){
clearInterval(intShow);
intHide = setInterval("hide()",1);}
</script>

Plak dit tussen de <body> tags

Code: Selecteer alles

<table class="topnav" width="150">
<tr bgcolor="#CC99FF">
<td onmouseover="showmenu()" onmouseout="hidemenu()">DROP MENU<br>
<table class="menu" id="menu" width="100%">
<tr><td class="menu"><a href="http://www.Testnet.nl/store/shop.cfm?PaCode=edi3apd26qhz0k3ccwba232d27geu27g" target=_blank>Link nummer 1</a></td></tr>
<tr><td class="menu"><a href="http://webmaster.eigenstart.nl" target=_blank>Link nummer 2</a></td></tr>
<tr><td class="menu"><a href="http://www.Testnet.nl/store/shop.cfm?PaCode=edi3apd26qhz0k3ccwba232d27geu27g" target=_blank>Link nummer 3</a></td></tr>
<tr><td class="menu"><a href="http://webmaster.eigenstart.nl" target=_blank>Link nummer 4</a></td></tr>
<tr><td class="menu"><a href="http://www.Testnet.nl/store/shop.cfm?PaCode=edi3apd26qhz0k3ccwba232d27geu27g" target=_blank>Link nummer 5</a></td></tr>
<tr><td class="menu"><a href="http://webmaster.eigenstart.nl" target=_blank>Link nummer 6</a></td></tr>
</table>
</td>
</tr>
</table>

Kan ik dit script wel gebruiken voor een phpbb forum want het moet tog een bepaalt soort script zijn ?

Ik bedoel dus gaat het goed met firefox en internet expl

Wout -- w00t · Bericht door **Wout -- w00t** » 07 mar 2005, 08:36

Vervang:

Code: Selecteer alles

<style>
body{font-family:verdana;}
table{background:black; position:absolute}
a{color:black;text-decoration:none; font:plain}
a:hover{color:#FF0000}
td.menu{background:#99CCFF}
table.topnav{font-size:70%;top:-2;left:10}
table.menu{font-size:100%;bottom:0;z-index:-1}
</style>

<script type="text/javascript">
var i=0;
var intHide, intShow;

function show(){
if (i>-140){
i=i-1;
document.all("menu").style.bottom=i;}
}
function showmenu(){clearInterval(intHide);
intShow = setInterval("show()",1);}

function hide(){ if (i<0){i=i+1;
document.all("menu").style.bottom=i;}
}
function hidemenu(){
clearInterval(intShow);
intHide = setInterval("hide()",1);}
</script>

door:

Code: Selecteer alles

<script type="text/javascript">
var i=0;
var intHide, intShow;

function show(){
if (i>-140){
i=i-1;
document.all("menu").style.bottom=i;}
}
function showmenu(){clearInterval(intHide);
intShow = setInterval("show()",1);}

function hide(){ if (i<0){i=i+1;
document.all("menu").style.bottom=i;}
}
function hidemenu(){
clearInterval(intShow);
intHide = setInterval("hide()",1);}
</script>

De CSS staat al in overall header en/of in subSilver.css

Duifje · Bericht door **Duifje** » 07 mar 2005, 13:28

Kan iemand mij helpen het er in zetten ik krijg het maar steeds niet voor elkaar.

Dit is de overall_header.tpl staat nog een ouwe drop down menu in die op de site staat die niet goed werkt kan iemand mij helpen plz

Code: Selecteer alles

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}">
<meta http-equiv="Content-Style-Type" content="text/css">
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<!-- link rel="stylesheet" href="templates/subSilver/{T_HEAD_STYLESHEET}" type="text/css" -->
<style type="text/css">
<!--
/*
  The original subSilver Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com

  NOTE: These CSS definitions are stored within the main page body so that you can use the phpBB2
  theme administration centre. When you have finalised your style you could cut the final CSS code
  and place it in an external file, deleting this section to save bandwidth.
*/

/* General page style. The scroll bar colours only visible in IE5.5+ */
body {
	margin-top: 0px; 
	margin-bottom: 0px;
	background-color: {T_BODY_BGCOLOR};
	scrollbar-face-color: {T_TR_COLOR2};
	scrollbar-highlight-color: {T_TD_COLOR2};
	scrollbar-shadow-color: {T_TR_COLOR2};
	scrollbar-3dlight-color: {T_TR_COLOR3};
	scrollbar-arrow-color:  {T_BODY_LINK};
	scrollbar-track-color: {T_TR_COLOR1};
	scrollbar-darkshadow-color: {T_TH_COLOR1};
}

/* General font families for common tags */
font,th,td,p { font-family: {T_FONTFACE1} }
a:link,a:active,a:visited { color : {T_BODY_LINK}; }
a:hover		{ text-decoration: none; color : {T_BODY_HLINK}; }
hr	{ height: 0px; border: solid #375329 0px; border-top-width: 1px;}

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: {T_TD_COLOR2}; border: 1px ddf4d2 solid; }

/* This is the outline round the main forum tables */
.forumline	{ background-color: {T_TD_COLOR2}; border: 2px #375329 solid; }

/* Main table cell colours and backgrounds */
td.row1	{ background-color: {T_TR_COLOR1}; }
td.row2	{ background-color: {T_TR_COLOR2}; }
td.row3	{ background-color: {T_TR_COLOR3}; }

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
		background-color: {T_TD_COLOR2};
		background-image: url(templates/subSilver/images/{T_TH_CLASS3});
		background-repeat: repeat-y;
}

/* Header cells - the blue and silver gradient backgrounds */
th	{
	color: {T_FONTCOLOR3}; font-size: {T_FONTSIZE2}px; font-weight : bold;
	background-color: {T_BODY_LINK}; height: 25px;
	background-image: url(templates/subSilver/images/{T_TH_CLASS2});
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
			background-image: url(templates/subSilver/images/{T_TH_CLASS1});
			background-color:{T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid; height: 28px;
}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
	font-weight: bold; border: {T_TD_COLOR2}; border-style: solid; height: 28px;
}
td.row3Right,td.spaceRow {
	background-color: {T_TR_COLOR3}; border: {T_TH_COLOR3}; border-style: solid;
}

th.thHead,td.catHead { font-size: {T_FONTSIZE3}px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow	 { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right	 { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft	  { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop	 { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }

/* The largest text used in the index page title and toptic title etc. */
.maintitle	{
	font-weight: bold; font-size: 22px; font-family: "{T_FONTFACE2}",{T_FONTFACE1};
	text-decoration: none; line-height : 120%; color : {T_BODY_TEXT};
}

/* General text */
.gen { font-size : {T_FONTSIZE3}px; }
.genmed { font-size : {T_FONTSIZE2}px; }
.gensmall { font-size : {T_FONTSIZE1}px; }
.gen,.genmed,.gensmall { color : {T_BODY_TEXT}; }
a.gen,a.genmed,a.gensmall { color: {T_BODY_LINK}; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: {T_BODY_HLINK}; text-decoration: none; }

/* The register, login, search etc links at the top of the page */
.mainmenu		{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT} }
a.mainmenu		{ text-decoration: none; color : {T_BODY_LINK};  }
a.mainmenu:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Forum category titles */
.cattitle		{ font-weight: bold; font-size: {T_FONTSIZE3}px ; letter-spacing: 1px; color : {T_BODY_LINK}}
a.cattitle		{ text-decoration: none; color : {T_BODY_LINK}; }
a.cattitle:hover{ text-decoration: none; }

/* Forum title: Text and link to the forums used in: index.php */
.forumlink		{ font-weight: bold; font-size: {T_FONTSIZE3}px; color : {T_BODY_LINK}; }
a.forumlink 	{ text-decoration: none; color : {T_BODY_LINK}; }
a.forumlink:hover{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav			{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT};}
a.nav			{ text-decoration: none; color : {T_BODY_LINK}; }
a.nav:hover		{ text-decoration: none; }

/* titles for the topics: could specify viewed link colour too */
.topictitle,h1,h2	{ font-weight: bold; font-size: {T_FONTSIZE2}px; color : {T_BODY_TEXT}; }
a.topictitle:link   { text-decoration: none; color : {T_BODY_LINK}; }
a.topictitle:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.topictitle:hover	{ text-decoration: none; color : {T_BODY_HLINK}; }

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name			{ font-size : {T_FONTSIZE2}px; color : {T_BODY_TEXT};}

/* Location, number of posts, post date etc */
.postdetails		{ font-size : {T_FONTSIZE1}px; color : {T_BODY_TEXT}; }

/* The content of the posts (body of text) */
.postbody { font-size : {T_FONTSIZE3}px; line-height: 18px}
a.postlink:link	{ text-decoration: none; color : {T_BODY_LINK} }
a.postlink:visited { text-decoration: none; color : {T_BODY_VLINK}; }
a.postlink:hover { text-decoration: none; color : {T_BODY_HLINK}}

/* Quote & Code blocks */
.code {
	font-family: {T_FONTFACE3}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR2};
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: {T_FONTFACE1}; font-size: {T_FONTSIZE2}px; color: {T_FONTCOLOR1}; line-height: 125%;
	background-color: {T_TD_COLOR1}; border: {T_TR_COLOR3}; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

/* Copyright and bottom info */
.copyright		{ font-size: {T_FONTSIZE1}px; font-family: {T_FONTFACE1}; color: {T_FONTCOLOR1}; letter-spacing: -1px;}
a.copyright		{ color: {T_FONTCOLOR1}; text-decoration: none;}
a.copyright:hover { color: {T_BODY_TEXT}; text-decoration: none;}

/* Form elements */
input,textarea, select {
	color : {T_BODY_TEXT};
	font: normal {T_FONTSIZE2}px {T_FONTFACE1};
	border-color : {T_BODY_TEXT};
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : {T_TD_COLOR2};
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
	background-color : {T_TR_COLOR1};
	color : {T_BODY_TEXT};
	font-size: {T_FONTSIZE2}px; font-family: {T_FONTFACE1};
}

/* The main submit button option */
input.mainoption {
	background-color : {T_TD_COLOR1};
	font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
	background-color : {T_TD_COLOR1};
	font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: {T_TR_COLOR2}; border-style: none; }

/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("templates/subSilver/formIE.css");
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="javascript" type="text/javascript">
<!--
// MOD: PM Popup Blocker Fix - by tomlevens (tom@tomlevens.co.uk)
// (4 lines replaced - original lines follow)
//
//	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
//	{
//		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
//	}
//
	if({PRIVATE_MESSAGE_NEW_FLAG})
	{
		new_pm_prompt = confirm('{L_PRIVATEMSG_NEW}');
		if(new_pm_prompt == true) {
			// Redirect to Inbox if OK is clicked
			window.location = '{U_PRIVATEMSGS}';
		}
		else {
			// Close prompt if cancel is clicked
		}
	}
//
// END MOD
//-->
</script>
<!-- END switch_enable_pm_popup -->
</head>
<body bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<a name="top"></a>
<div align="center">
<table width="80%" cellspacing="0" cellpadding="0" border="0">
	<tr>
		<td class="bodyline">
		<table width="100%" cellspacing="0" cellpadding="0" border="0" id="table1">
			<tr>
				<td><a href="{U_INDEX}"><img src="templates/subSilver/images/LTD Team.png" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
			</tr>
<style>
body{font-family:verdana;}
table{font-size:80%}
a{text-decoration:none}
td.menu{background:green}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}
</style>
<script language="JavaScript">
<!-- Voor de leukste scripts gaat u naar...-->
<!-- Sentinelli’s Javascript! The source for all your Javascript and PHP -->

function toonmenu(elmnt)
{
document.all(elmnt).style.visibility="visible"
}
function verstopmenu(elmnt)
{
document.all(elmnt).style.visibility="hidden"
}
</script>
<title></title>
</head>


<!-- Dit zet u in de body van de pagina-->
<table width="100%">
<tr bgcolor="#CCFFCC">
<td onmouseover="toonmenu('site1')" onmouseout="verstopmenu('site1')">
<a href="index.htm">Site 1</a><br />
<table class="menu" id="site1" width="20%">
<tr><td class="menu"><a href="pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="pag5.htm">link 5</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site2')" onmouseout="verstopmenu('site2')">
<a href="http://www.site2.nl">Site 2</a><br />
<table class="menu" id="site2" width="20%">
<tr><td class="menu"><a href="http://www.site2.nl/pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag5.htm">link 5</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site3')" onmouseout="verstopmenu('site3')">
<a href="http://www.site3.nl">Site 3</a><br />
<table class="menu" id="site3" width="20%">
<tr><td class="menu"><a href="http://www.site3.nl/pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="http://www.site3.nl/pag5.htm">link 5</a></td></tr>
</table>
</td>
<td onmouseover="toonmenu('site4')" onmouseout="verstopmenu('site4')">
<a href="http://www.site4.nl">Site 4</a><br />
<table class="menu" id="site4" width="20%%">
<tr><td class="menu"><a href="http://www.site2.nl/pag1.htm">link 1</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag2.htm">link 2</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag3.htm">link 3</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag4.htm">link 4</a></td></tr>
<tr><td class="menu"><a href="http://www.site2.nl/pag5.htm">link 5</a></td></tr>
</table>
</td>
</table>