Javascript + CSS

[Rufinus]

Morgääähhn :)

Ich weiß das es eigentlich nicht üblich ist zuviel source zu posten..aber hier geht es nciht anders :(

Folgendes Problem... wenn ihr die seite http://winampskins.ml.org/cwd aufruft, dann ist auf der linken seite eine ImageMAP, in der ich unter zuhilfe name von http://www.webreference.com/dhtml/column2/index.html eine Onmouseover funktion eingebaut habe, dort wird es anhand einer Horizontalen Imagemap beschrieben, mein "navbar" ist vertikal..was mich zu meinem eigentlichen Problem führt :) die links funktionieren (jedenfalls werden sie in der Statusleiste angezeigt, die seiten gibt es nämlich noch nicht :) aber nur beim oberen link sieht man die onmouseover funktion, aber leider bei allen und auch nur am rand..ich finde keinen erklärung mehr...ich suche jetzt seit ca. 2 Stunden, vielleicht könnt ihr was endtecken, oder ich bin einfach schon zu müde :)

-----------------CUT SOURCE-------------------------------
.
.
.
.
.
.
<STYLE TYPE="text/css">
     <!--

#elMenu { position: relative }

#elMenuUp {
             position: absolute;
             top: 0;
             left: 0
         }

#elMenuOver {
             position: absolute;
             visibility: hidden;
             top: 0;
             left: 0
         }

-->
</STYLE>

<SCRIPT LANGUAGE="JavaScript">
     <!--

IE4 = (document.all) ? 1 : 0;
         NS4 = (document.layers) ? 1 : 0;
         ver4 = (IE4 || NS4) ? 1 : 0;

if (ver4) {
             secondIm = "<IMG SRC='images/test2.gif' USEMAP='#mpMenu' WIDTH=168 HEIGHT=428 BORDER=0>";
             arPopups = new Array()
         }
         else { secondIm = "" }

function setBeginEnd(which,from,to) {
             arPopups[which] = new Array();
             arPopups[which][0] = from;
             arPopups[which][1] = to;
         }

if (ver4) {
             setBeginEnd(1,60,99);
             setBeginEnd(2,100,159);
             setBeginEnd(3,160,209);
             setBeginEnd(4,210,259);
             setBeginEnd(5,260,319);
             setBeginEnd(6,320,359);
         }

clTop = 0;
         clBot = 428;

function mapOver(which,on) {
             if (!ver4) { return }
             if (IE4) { whichEl = document.all.elMenuOver.style }
                 else { whichEl = document.elMenu.document.elMenuOver };

if (!on) { whichEl.visibility = "hidden"; return }

clLeft = arPopups[which][0];
             clRight = arPopups[which][1];

if (NS4) {
                 whichEl.clip.left = clLeft;
                 whichEl.clip.right = clRight;
             }
             else {
                 whichEl.clip = "rect(" + clTop + " " + clRight + " " + clBot + " " + clLeft + ")";
             }

whichEl.visibility = "visible"
         }

//-->
</SCRIPT>
.
.
.
.
.
.
<DIV ID="elMenu">
         <DIV ID="elMenuUp">
             <IMG SRC="images/test.gif" USEMAP="#mpMenu" WIDTH=168 HEIGHT=428 BORDER=0>
         </DIV>
         <DIV ID="elMenuOver">
             <SCRIPT LANGUAGE="JavaScript">document.write(secondIm)</SCRIPT>
         </DIV>
      </DIV>
    
      <MAP NAME="mpMenu">
       <AREA SHAPE="RECT" COORDS="0,60 120,99" HREF="design.html"
         onMouseOver="mapOver(1,true)" onMouseOut="mapOver(1,false)">
       <AREA SHAPE="RECT" COORDS="0,100 120,159" HREF="preise.html"
         onMouseOver="mapOver(2,true)" onMouseOut="mapOver(2,false)">
       <AREA SHAPE="RECT" COORDS="0,160 120,209" HREF="referenz.html"
         onMouseOver="mapOver(3,true)" onMouseOut="mapOver(3,false)">
       <AREA SHAPE="RECT" COORDS="0,210 120,259" HREF="kontakt.html"
         onMouseOver="mapOver(4,true)" onMouseOut="mapOver(4,false)">
       <AREA SHAPE="RECT" COORDS="0,260 120,319" HREF="uber.html"
         onMouseOver="mapOver(5,true)" onMouseOut="mapOver(5,false)">
       <AREA SHAPE="RECT" COORDS="0,320 120,359" HREF="Copyright.html"
         onMouseOver="mapOver(6,true)" onMouseOut="mapOver(6,false)">
      </MAP>
      
.
.
.

---------------------------CUT--------------------------------
Danke im Voraus :)

mfg
Rufinus