Also ich habe nun lange herumprobiert es klappt keine Frage aber nett so ganz

Ich habe folgenden Code (achtung gross)

HTML-Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>Dadie 2005</title>
	
	<link rel="stylesheet" href="./css/default.css" type="text/css">
	
</head>
<body>




<div style="width:100% ; height:60px ; background-image: url(./img/001.bmp);" class="class1" >
<br>
<script type="text/javascript">
<!--
//Hier Bitte den Seiten Namen eintragen
//#####################################
var titel = "Die Zeit WP2";
//#####################################
for(i=0;i<titel.length;i++) {
 part = titel.substr(i,1);
 part = part.toLowerCase();
 if(part != ' ') document.write('<img src="./img/buchstaben/'+part+'-head.png" alt="'+part+'" />&nbsp;');
 else document.write(' &nbsp; &nbsp; ');
}
-->
</script>

</div>

<table border="0" width="100%" cellspacing="0" cellpadding="0" >
<tr>
       <td class="menu" style="text-align:left; font-size:12px ;">
	   
	  
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Main Menu</span>
	   

	   
	   <a href="javascript:show_comment()"  style="padding-left:5px ;" title="Home (Accesskey: H)" accesskey="H" ><span style="text-decoration: underline;" >H</span>ome</a><br>
	   <a href="#" onclick="javascript:show_comment2()"  style="padding-left:5px ;" title="Downloads (Accesskey: D)" accesskey="D" ><span style="text-decoration: underline;" >D</span>ownloads</a><br>
	   <a href="#"  style="padding-left:5px ;" title="Impressum (Accesskey: m)" accesskey="m">I<span style="text-decoration: underline;" >m</span>pressum</a><br>
	   <br>
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Übermich</span>
	   <a href="#"  style="padding-left:5px ;" title="Steckbrief (Accesskey: S)" accesskey="S"><span style="text-decoration: underline;" >S</span>teckbrief</a><br>
       <a href="#"  style="padding-left:5px ;" title="Freunde (Accesskey: F)" accesskey="F"><span style="text-decoration: underline;" >F</span>reunde</a><br>
	   <a href="#"  style="padding-left:5px ;" title="Hobbys (Accesskey: O)" accesskey="O">H<span style="text-decoration: underline;" >o</span>bbys</a><br>
	   <a href="#"  style="padding-left:5px ;" title="Mein Roller (Accesskey: R)" accesskey="R">Mein <span style="text-decoration: underline;" >R</span>oller</a><br>
   
	   <br>
	   </td>
	   <td style="width:15px;" >&nbsp;</td>
       <td class="mitte" style="text-align:center;" >
	   <br>
	   
<script type="text/javascript">   




function show_comment()
{

document.write('<span class="news" >Neue Webseite Online</span>') ;
document.write('<span style="width: 70% ; display: block ; text-align:left;" >Vom 05.01.2005 um 19:53 <br>') ;
document.write('<br>Nach langer Zeit ist meine HP wieder ON.</span>') ;
	                     }
	  
function show_comment2()
{

document.write('<span class="news" >Neue Webseite Online</span>') ;
document.write('<span style="width: 70% ; display: block ; text-align:left;" >Vom 05.01.2005 um 19:53 <br>') ;
document.write('<br>Nach langer Zeit ist meine HP wieder ON.</span>TEST') ;

	                     }
						 
</script>   
	   
	   </td>
	   <td style="width:15px;" >&nbsp;</td>
       <td class="menu" style="text-align:right; font-size:12px ;">
	   
	   
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Design by</span>
	   
	   <a href="http://the-time.ath.cx" title="Dadie" style="text-align:center; display: block ; " >Dadie</a>
	   
	   <span class="menukat" style="background-image: url(./img/004.bmp); ">&nbsp;</span>
	   <br><br>
	   
	   <span class="menukat" style="background-image: url(./img/003.bmp);">Valider Quellcode</span>
	   
	   <span style="text-align:center ;  display: block ; " >
	   
	   <a href="http://validator.w3.org/check?uri=referer"><img border="0" src="http://www.w3.org/Icons/valid-html40" alt="Valid HTML 4.0!" height="31" width="88"></a><br>
	   <a href="http://jigsaw.w3.org/css-validator/check/referer"><img border="0" src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS 2" height="31" width="88"></a><br>
	   <br>
	   </span>
	   
	   </td>
</tr>
</table>

<div style="width:100% ; height:60px ; background-image: url(./img/002.bmp);" class="class1" >
<span style="test-align:center; font-size:12px ;"><br> <br> </span>
</div>

</body>
</html>
Wenn ich auf einem Link klicke wird die Seite weiss und nur der text in der Funktion wird dargestellt