Hi Leute,
Ich habe da mal ein Problem mit meinem RollOver-Menü. Unter IE funktioniert alles ganz wunderbar, aber nicht unter FireFox. Das RollOver-Menü ist in einem Container. Ich vermute, dass man auf den Container generell nicht zugreifen kann, da als ich dort einen normalen Link rein gemacht hatte und dieser auch nicht funktionierte. Des Weiteren funktioniert ein Butto in einem anderen Container, der mit dem gleichen Prinziep gemacht wurde, wunderbar. Mein Quellcode sieht wie folgt aus:
Der zugehörige style.css sieht ie folgt aus:
Woran kann das hängen, dass das RollOver Menü nicht funktioniert.
Ich hoffe, mir kann jemdan von euch helfen.
Danke schon mal im Vorraus.
bye easy
Ich habe da mal ein Problem mit meinem RollOver-Menü. Unter IE funktioniert alles ganz wunderbar, aber nicht unter FireFox. Das RollOver-Menü ist in einem Container. Ich vermute, dass man auf den Container generell nicht zugreifen kann, da als ich dort einen normalen Link rein gemacht hatte und dieser auch nicht funktionierte. Des Weiteren funktioniert ein Butto in einem anderen Container, der mit dem gleichen Prinziep gemacht wurde, wunderbar. Mein Quellcode sieht wie folgt aus:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Willkommen auf Easy's Hompage</title>
<script type="text/JavaScript">
<!--
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_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_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="style.css" rel="stylesheet" type="text/css">
</head>
<body onLoad="MM_preloadImages('images/home_ro.gif','images/projekt_ro.gif','images/delia_ro.gif','images/nachbarschaft_ro.gif','images/Aufgaben_ro.gif','images/Tagebuch_ro.gif','images/nach_oben_ro.gif')">
<div style="text-align:center;"><img src="http://www.html.de/images/Willkommen1.png" alt="WillkommenLogo" /></div>
<div class="navigation">
<a href="projekt.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/projekt_ro.gif',1)"><img src="http://www.html.de/images/projekt.gif" alt="Das Projekt" name="Image3" width="191" height="45" border="0"></a>
<a href="delia.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/delia_ro.gif',1)"><img src="http://www.html.de/images/delia.gif" alt="Delia von Meyerbach" name="Image4" width="191" height="45" border="0"></a>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/nachbarschaft_ro.gif',1)"><img src="http://www.html.de/images/nachbarschaft.gif" alt="Nachbarschaft" name="Image5" width="191" height="45" border="0"></a>
<a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/Tagebuch_ro.gif',1)"><img src="http://www.html.de/images/Tagebuch.gif" alt="Delia's Tagebuch" name="Image6" width="191" height="45" border="0"></a>
</div>
<div class="textfeld">
<h1 id="heading1">Willkommen auf Easy's Hompage</h1>
<p>Vielen Dank, dass Ihr heute meine Hompage besuchen kommt.<br/>
Sie wurde in erster Linie wegen des Singleprojektes "Simlane 10" erstellt.
Was es genau mit dem Projekt auf sich hat erfahrt ihr unter dem Menüpunkt <a href="projekt.html">"Das Projekt"</a>. <br/>
Des Weiteren könnt ihr unter <a href="delia.html">"Delia"</a> mehr über die Person
meines Single-Sims lesen. <br/> In "Delias's Tagebuch" erfahrt ihr dann mehr über ihr Leben und ihre persönlichen
Gedanken. <br/> Also schaut euch einfach mal um. Ich wünsche euch dabei viel Spaß.</p>
<p> Eure Easy.</p>
<hr/>
<h1>News</h1>
<a href="#heading1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/nach_oben_ro.gif',1)"><img src="http://www.html.de/images/nach_oben.gif" alt="nach oben" name="Image7" width="123" height="33" border="0" align="right"></a>
</div>
</body>
</html>Der zugehörige style.css sieht ie folgt aus:
Code:
a {
color:#8ff806;
text-decoration:none;
}
body {
background-color:#004d8d;
color:#2de90a;
padding:0px;
margin:0px;
}
hr {
color:#2de90a;
}
h1 {
text-align:center;
}
.navigation {
width:195px;
height:500px;
margin-left:20px;
margin-top:50px;
position:relative;
float:left;
}
p {
font-size:15px;
text-align:center;
}
.pictext {
text-align:left;
}
.textfeld {
position:relative;
margin-top:50px;
margin-left:20px;
margin-right:400px;
top:0px;
}Woran kann das hängen, dass das RollOver Menü nicht funktioniert.
Ich hoffe, mir kann jemdan von euch helfen.
Danke schon mal im Vorraus.
bye easy
Zuletzt bearbeitet:
