Christian: Navigationsproblem

Beitrag lesen

da ich in sachen html,... ein absoluter laie bin - anbei der quellcode meiner seite mit dem script hoffentlich anrichtiger stelle eingefügt ????

Ich möchte diesen Effekt mit dem Text sobald ich  über die Navigationbuttons bzw. Buttons in der jeweiligen Tabelle fahre!
______________________________________________________________
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<script type="text/javascript">
function SetInfoText(text)
{
  if(typeof text == 'string') document.getElementById('textinfo').firstChild.nodeValue=text;
  else document.getElementById('textinfo').firstChild.nodeValue='';
}
</script>
  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
  <meta name="generator" content="Adobe GoLive" />
  <title>trycrack-records</title>
  <link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
  <style type="text/css" media="screen"><!--
.class { background-image: url(pictures/background.gif); }
--></style>

<csscriptdict import="import">
   <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
  </csscriptdict>
  <csactiondict>
   <script type="text/javascript"><!--
var preloadFlag = false;
function preloadImages() {
 if (document.images) {
  pre_buttonartists_over = newImage('pictures/navi_folder/buttonartists_over.png');
  pre_buttonsounds_over = newImage('pictures/navi_folder/buttonsounds_over.png');
  pre_buttonlabel_over = newImage('pictures/navi_folder/buttonlabel_over.png');
  pre_buttonnewsletter_over = newImage('pictures/navi_folder/buttonnewsletter_over.png');
  pre_buttonforum_over = newImage('pictures/navi_folder/buttonforum_over.png');
  pre_buttonguestbook_over = newImage('pictures/navi_folder/buttonguestbook_over.png');
  pre_buttoncontact_over = newImage('pictures/navi_folder/buttoncontact_over.png');
  preloadFlag = true;
 }
}

// --></script>
  </csactiondict>
 </head>

<body onload="preloadImages();" background="pictures/backgroundsite.gif">
  <div style="position:relative;width:800px;height:600px;background-image:url(pictures/background.gif);margin:auto;-adbe-g:m;">
   <div style="position:absolute;top:235px;left:0px;width:82px;height:289px;">
    <table width="82" border="0" cellspacing="2" cellpadding="0">
     <tr>
      <td align="center" valign="middle"><a onmouseover="changeImages('buttonartists','pictures/navi_folder/buttonartists_over.png');return true;" onmouseout="changeImages('buttonartists','pictures/navi_folder/buttonartists.png');return true" href="#"><img id="buttonartists" src="pictures/navi_folder/buttonartists.png" alt="artists" name="buttonartists" height="29" width="29" border="0" /></a> onmouseover="SetInfoText" onmouseout="SetInfoText()">Hallo</td>
     </tr>
     <tr>
      <td align="center" valign="middle"><a onmouseover="changeImages('buttonsounds','pictures/navi_folder/buttonsounds_over.png');return true" onmouseout="changeImages('buttonsounds','pictures/navi_folder/buttonsounds.png');return true" href="#"><img id="buttonsounds" src="pictures/navi_folder/buttonsounds.png" alt="sounds" name="buttonsounds" height="29" width="29" border="0" /></a></td>

</tr>
     <tr>
      <td align="center" valign="middle"><a onmouseover="changeImages('buttonlabel','pictures/navi_folder/buttonlabel_over.png');return true" onmouseout="changeImages('buttonlabel','pictures/navi_folder/buttonlabel.png');return true" href="#"><img id="buttonlabel" src="pictures/navi_folder/buttonlabel.png" alt="label" name="buttonlabel" height="29" width="29" border="0" /></a></td>
     </tr>
     <tr>
      <td align="center" valign="middle"><a onmouseover="changeImages('buttonnewsletter','pictures/navi_folder/buttonnewsletter_over.png');return true" onmouseout="changeImages('buttonnewsletter','pictures/navi_folder/buttonnewsletter.png');return true" href="#"><img id="buttonnewsletter" src="pictures/navi_folder/buttonnewsletter.png" alt="news" name="buttonnewsletter" height="29" width="29" border="0" /></a></td>
     </tr>
     <tr>
      <td align="center" valign="middle"><a onmouseover="changeImages('buttonforum','pictures/navi_folder/buttonforum_over.png');return true" onmouseout="changeImages('buttonforum','pictures/navi_folder/buttonforum.png');return true" href="#"><img id="buttonforum" src="pictures/navi_folder/buttonforum.png" alt="forum" name="buttonforum" height="29" width="29" border="0" /></a></td>

</tr>
     <tr>
      <td align="center" valign="middle"><a onmouseover="changeImages('buttonguestbook','pictures/navi_folder/buttonguestbook_over.png');return true" onmouseout="changeImages('buttonguestbook','pictures/navi_folder/buttonguestbook.png');return true" href="#"><img id="buttonguestbook" src="pictures/navi_folder/buttonguestbook.png" alt="guest" name="buttonguestbook" height="29" width="29" border="0" /></a></td>
     </tr>
     <tr>
      <td align="center" valign="middle"><a onmouseover="changeImages('buttoncontact','pictures/navi_folder/buttoncontact_over.png');return true" onmouseout="changeImages('buttoncontact','pictures/navi_folder/buttoncontact.png');return true" href="#"><img id="buttoncontact" src="pictures/navi_folder/buttoncontact.png" alt="contact" name="buttoncontact" height="29" width="29" border="0" /></a></td>
     </tr>
     <tr>
      <td align="center" valign="middle"></td>

</tr>
     <tr>
      <td align="center" valign="middle"></td>
     </tr>
     <tr>
      <td align="center" valign="middle"></td>
     </tr>
     <tr>
      <td align="center" valign="middle"></td>

</tr>
     <tr>
      <td id="textinfo">&nbsp align="center" valign="middle"></td>
     </tr>
    </table>
   </div>
  </div>
  <p></p>
 </body>

</html>