Hallo Leute,
ich habe auf meiner Seite ein horizontales Menü, dessen Buttons sich bei Mouseover verändern.
Soweit funktioniert das ganze auch wunderbar bis ich heute feststellen musste, dass es in Opera einen kleinen Schönheitsfehler gibt:
Wenn man mit der Maus über ein nicht ausgewähltes Menübild fährt, verschiebt sich meine ganze Seite (also nicht nur das Menü) um ca. 1 Pixel nach rechts. Bei Mouseout verschiebt sie sich nicht zurück, dahingegen aber schon, wenn man einen der Menüpunkte anklickt. (da ja dann eine Seite mit dem Menü neu geladen wird)
In Firefox 2/3, Internet Explorer 7 und Safari 3.1.2 tritt der Fehler nicht auf.
Hat jemand eine Ahnung woran das liegen könnte?
index.php:
topmenu.php:
imgload.php:
ich habe auf meiner Seite ein horizontales Menü, dessen Buttons sich bei Mouseover verändern.
Soweit funktioniert das ganze auch wunderbar bis ich heute feststellen musste, dass es in Opera einen kleinen Schönheitsfehler gibt:
Wenn man mit der Maus über ein nicht ausgewähltes Menübild fährt, verschiebt sich meine ganze Seite (also nicht nur das Menü) um ca. 1 Pixel nach rechts. Bei Mouseout verschiebt sie sich nicht zurück, dahingegen aber schon, wenn man einen der Menüpunkte anklickt. (da ja dann eine Seite mit dem Menü neu geladen wird)
In Firefox 2/3, Internet Explorer 7 und Safari 3.1.2 tritt der Fehler nicht auf.
Hat jemand eine Ahnung woran das liegen könnte?
index.php:
PHP:
<head>
...
<?php
include("imgload.php");
?>
</head>
<body onLoad="Vorladen02()">
<div align="center" name="top">
<table width="960">
...
<tr height="30">
<td colspan='2' class='topmenu'>
<?php
include("topmenu.php");
?>
<!-- </td> -->
</tr>
...
</table>
</div>topmenu.php:
PHP:
if($thismenu == "news") { echo "<img src='../img/topmenu2_news2_".$_SESSION['language'].".jpg' border='0'>"; }
if($thismenu != "news") { echo "<a href='index.php' OnMouseOver=\"Wechseln('menu01','Grafik01b')\" OnMouseOut=\"Wechseln('menu01','Grafik01a')\"><img src='../img/topmenu2_news_".$_SESSION['language'].".jpg' border='0' name='menu01'></a>"; }
if($thismenu == "ueber_uns") { echo "<img src='../img/topmenu2_ueberuns2_".$_SESSION['language'].".jpg' border='0'>"; }
if($thismenu != "ueber_uns") { echo "<a href='ueber_uns.php' OnMouseOver=\"Wechseln('menu02','Grafik02b')\" OnMouseOut=\"Wechseln('menu02','Grafik02a')\"><img src='../img/topmenu2_ueberuns_".$_SESSION['language'].".jpg' border='0' name='menu02'></a>"; }
if($thismenu == "service") { echo "<img src='../img/topmenu2_service2_".$_SESSION['language'].".jpg' border='0'>"; }
if($thismenu != "service") { echo "<a href='service.php' OnMouseOver=\"Wechseln('menu03','Grafik03b')\" OnMouseOut=\"Wechseln('menu03','Grafik03a')\"><img src='../img/topmenu2_service_".$_SESSION['language'].".jpg' border='0' name='menu03'></a>"; }
if($thismenu == "produkte") { echo "<img src='../img/topmenu2_produkte2_".$_SESSION['language'].".jpg' border='0'>"; }
if($thismenu != "produkte") { echo "<a href='produkte.php' OnMouseOver=\"Wechseln('menu04','Grafik04b')\" OnMouseOut=\"Wechseln('menu04','Grafik04a')\"><img src='../img/topmenu2_produkte_".$_SESSION['language'].".jpg' border='0' name='menu04'></a>"; }
if($thismenu == "impressum") { echo "<img src='../img/topmenu2_impressum2_".$_SESSION['language'].".jpg' border='0'>"; }
if($thismenu != "impressum") { echo "<a href='impressum.php' OnMouseOver=\"Wechseln('menu05','Grafik05b')\" OnMouseOut=\"Wechseln('menu05','Grafik05a')\"><img src='../img/topmenu2_impressum_".$_SESSION['language'].".jpg' border='0' name='menu05'></a>"; }
echo "</td>";
// unbedingt das </td> nach dem letzten Menübild nicht vergessen!! (sonst Anzeigefehler im IE)imgload.php:
PHP:
<!-- Bilder vorladen -->
<script type="text/javascript">
var BildArray = new Array();
BildArray[0] = "../img/topmenu2_news.jpg";
BildArray[1] = "../img/topmenu2_news2.jpg";
BildArray[2] = "../img/topmenu2_ueberuns.jpg";
BildArray[3] = "../img/topmenu2_ueberuns2.jpg";
BildArray[4] = "../img/topmenu2_service.jpg";
BildArray[5] = "../img/topmenu2_service2.jpg";
BildArray[6] = "../img/topmenu2_produkte.jpg";
BildArray[7] = "../img/topmenu2_produkte2.jpg";
BildArray[8] = "../img/topmenu2_impressum.jpg";
BildArray[9] = "../img/topmenu2_impressum2.jpg";
function Vorladen02()
{
for (i=0; i < BildArray.length; i++) {
var Bild = new Image();
Bild.src = BildArray[i];
}
}
<?php
$pfad = $HTTP_SERVER["DOCUMENT_ROOT"]."../img";
echo "Grafik01a = new Image();";
echo "Grafik01a.src = \"".$pfad."/topmenu2_news_".$_SESSION['language'].".jpg\"; /* Standard-Grafik */";
echo "Grafik01b = new Image();";
echo "Grafik01b.src = \"".$pfad."/topmenu2_news2_".$_SESSION['language'].".jpg\"; /* Highlight-Grafik */";
echo "Grafik02a = new Image();";
echo "Grafik02a.src = \"".$pfad."/topmenu2_ueberuns_".$_SESSION['language'].".jpg\"; /* Standard-Grafik */";
echo "Grafik02b = new Image();";
echo "Grafik02b.src = \"".$pfad."/topmenu2_ueberuns2_".$_SESSION['language'].".jpg\"; /* Highlight-Grafik */";
echo "Grafik03a = new Image();";
echo "Grafik03a.src = \"".$pfad."/topmenu2_service_".$_SESSION['language'].".jpg\"; /* Standard-Grafik */";
echo "Grafik03b = new Image();";
echo "Grafik03b.src = \"".$pfad."/topmenu2_service2_".$_SESSION['language'].".jpg\"; /* Highlight-Grafik */";
echo "Grafik04a = new Image();";
echo "Grafik04a.src = \"".$pfad."/topmenu2_produkte_".$_SESSION['language'].".jpg\"; /* Standard-Grafik */";
echo "Grafik04b = new Image();";
echo "Grafik04b.src = \"".$pfad."/topmenu2_produkte2_".$_SESSION['language'].".jpg\"; /* Highlight-Grafik */";
echo "Grafik05a = new Image();";
echo "Grafik05a.src = \"".$pfad."/topmenu2_impressum_".$_SESSION['language'].".jpg\"; /* Standard-Grafik */";
echo "Grafik05b = new Image();";
echo "Grafik05b.src = \"".$pfad."/topmenu2_impressum2_".$_SESSION['language'].".jpg\"; /* Highlight-Grafik */";
echo "function Wechseln(Objektname,Tauschbild) {";
echo "document.images[Objektname].src = eval(Tauschbild + \".src\")";
echo "}";
?>
</script>