André: Textfarbe ändern bei mouseover über einer anderen Grafik?

Beitrag lesen

Vielen Dank für die raschen Antworten, allerdings verstehe ich ehrlich gesagt, nicht allzu viel, was man mir hier versucht zu erklären. Aus diesem Grund habe ich mal den htm-code drangehangen. Vielleicht finden sich jemand, der mir das kurz erläutert und mir es bitte mit einfügen kann. Speziell geht es um die ID=Menuetext 1 und ID=Menuebutton 1.

Mfg Andre

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="POI.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
 background-color: #E6F3E6;
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover { color:#007C3E; ;
}
a:active {
 text-decoration: none;
}
-->
</style></head>

<body onLoad="MM_preloadImages('Grafiken/BTN-Gr&#252;n.gif')">
<div id="BTN-Weiterfliegen" style="position:absolute; width:333px; height:81px; z-index:1; left: 438px; top: 497px;"><img src="Grafiken/BTN-Weiterfliegen.gif" width="333" height="81"></div>
<div id="NP-LOGO" style="position:absolute; width:225px; height:137px; z-index:2; top: 10px"><img src="Grafiken/NP-Logo.gif" width="225" height="137"></div>
<div id="POI-NAME" style="position:absolute; width:300px; height:78px; z-index:3; left: 288px; top: 62px;" class="POI-&Uuml;BERSCHRIFT">Sulzkaralm</div>
<div id="Menubutton1" style="position:absolute; width:32px; height:32px; z-index:4; left: 23px; top: 210px;"><a href="javascript:;" onMouseOver="MM_swapImage('Men&uuml;button_1','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Grafiken/BTN-Grau.gif" alt="Menu" name="Men&uuml;button_1" width="31" height="31" border="0" id="Men&uuml;button_1"></a></div>
<div id="Menubutton2" style="position:absolute; width:32px; height:32px; z-index:4; left: 23px; top: 267px;"><a href="javascript:;" onMouseOver="MM_swapImage('Men&uuml;button_2','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Grafiken/BTN-Grau.gif" alt="Menu" name="Men&uuml;button_2" width="31" height="31" border="0" id="Men&uuml;button_2"></a></div>
<div id="Menubutton3" style="position:absolute; width:32px; height:32px; z-index:4; left: 23px; top: 324px;"><a href="javascript:;" onMouseOver="MM_swapImage('Men&uuml;button_3','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Grafiken/BTN-Grau.gif" alt="Menu" name="Men&uuml;button_3" width="31" height="31" border="0" id="Men&uuml;button_3"></a></div>
<div id="Menubutton4" style="position:absolute; width:32px; height:32px; z-index:4; left: 23px; top: 381px;"><a href="javascript:;" onMouseOver="MM_swapImage('Men&uuml;button_4','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="Grafiken/BTN-Grau.gif" alt="Menu" name="Men&uuml;button_4" width="31" height="31" border="0" id="Men&uuml;button_4"></a></div>
<div id="Men&uuml;text1" style="position:absolute; width:468px; height:48px; z-index:5; left: 71px; top: 194px;" class="Menuepunkt"><a href="javascript:;" class="Menuepunkt" onMouseOver="MM_swapImage('Men&uuml;button_1','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()">Men&uuml;punkt 1</a></div>
<div id="Men&uuml;text2" style="position:absolute; width:468px; height:48px; z-index:5; left: 70px; top: 251px;" class="Menuepunkt"><a href="javascript:;" class="Menuepunkt" onMouseOver="MM_swapImage('Men&uuml;button_2','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()">Men&uuml;punkt 2</a> </div>
<div id="Men&uuml;text3" style="position:absolute; width:468px; height:48px; z-index:5; left: 70px; top: 308px;" class="Menuepunkt"><a href="javascript:;" class="Menuepunkt" onMouseOver="MM_swapImage('Men&uuml;button_3','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()">Men&uuml;punkt 3</a> </div>
<div id="Men&uuml;text4" style="position:absolute; width:468px; height:48px; z-index:5; left: 70px; top: 365px;" class="Menuepunkt"><a href="javascript:;" class="Menuepunkt" onMouseOver="MM_swapImage('Men&uuml;button_4','','Grafiken/BTN-Gr&#252;n.gif',1)" onMouseOut="MM_swapImgRestore()">Men&uuml;punkt 4</a> </div>
</body>
</html>