Thomas: Probelem mit Rollover-Buttons

Hallo Leute,

folgendes Problem: Ich habe eine Website mit mehreren Rollover-Buttons zur Navigation. Aber immer wenn ich einen an die richtige Stelle Rücken möchte, verschieben sie alle anderen auch minimal. Woran kann das liegen? Ich arbeite mit Dreamweaver MX. Ich habe schon andere Webseiten mit Rollover-Buttons gemacht und dieses Problem noch nie gehabt. Auch die Eigenschaften des Quelltextes stimmen mit der einer funktionierenden überein...

Schon mal Danke!

Bis denn

Thomas

  1. Hi Thomas,

    Ich habe eine Website mit mehreren Rollover-Buttons zur Navigation. Aber immer wenn ich einen an die richtige Stelle Rücken möchte, verschieben sie alle anderen auch minimal. Woran kann das liegen? Ich arbeite mit Dreamweaver MX.

    Liegen sie alle in einer Ebene oder Tabelle?

    Viele Grüße
    Mathias Bigge

    1. hi mathias,

      die liegen alle in einer tabelle und untereinander.

      gruß

      thomas

  2. Lieber Thomas,

    poste doch mal einen Link zu besagter Seite!

    Erzeugst Du den rollover mit Javascript oder CSS?

    Liebe Grüße aus Ellwangen,

    Felix Riesterer.

    1. mit javascript. ich werde heute abend einen link schicken.

    2. hier mal der quellcode

      <html>
      <head>
      <title>test</title>
      </script>
      <script language="JavaScript" type="text/JavaScript">
      <!--
      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>
      </head>
      <body bgcolor="#000000" marginwidth='0' marginheight='0' onLoad="MM_preloadImages('buttons/evil2.jpg','buttons/mp2.jpg','buttons/pub2.jpg','buttons/voice2.jpg')">
      <table width="809" border="0" cellspacing="0" cellpadding="0" background="main.jpg" style="background-repeat:no-repeat;">
        <!--DWLayoutTable-->
        <tr>
          <td width="44" height="175"></td>
          <td width="2"></td>
          <td width="3"></td>
          <td width="121"></td>
          <td width="20"></td>
          <td width="10"></td>
          <td width="12"></td>
          <td width="597"></td>
        <tr>
          <td height="42"></td>
          <td></td>
          <td colspan="3" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','buttons/evil2.jpg',1)"><img src="buttons/evil1.jpg" name="Image1" width="144" height="42" border="0"></a></td>
          <td></td>
          <td></td>
          <td></td>
        <tr>
          <td height="6"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        <tr>
          <td height="35"></td>
          <td></td>
          <td></td>
          <td align="center" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','buttons/mp2.jpg',1)"><img src="buttons/mp.jpg" name="Image2" width="121" height="35" border="0"></a></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        <tr>
          <td height="10"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        <tr>
          <td height="41"></td>
          <td></td>
          <td></td>
          <td colspan="4" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','buttons/pub2.jpg',1)"><img src="buttons/pub.jpg" name="Image3" width="163" height="41" border="0"></a></td>
          <td></td>
        <tr>
          <td height="8"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
        <tr>
          <td height="36"></td>
          <td colspan="5" valign="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','buttons/voice2.jpg',1)"><img src="buttons/voice.jpg" name="Image4" width="156" height="36" border="0"></a></td>
          <td></td>
          <td></td>
        <tr>
          <td height="276"></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
          <td></td>
      </table>
      </body>
      </html>