Blackylein
Erfahrenes Mitglied
Hallo Leute!
Ich arbeite jetzt schon länger an einer neuen Homepage und sie wäre sicher schon lang fertig wenn da nicht dieses Java Menü wäre.
Bei mir zu Hause (am Notebook) wird es einwandfrei angezeigt. Doch in der Schule, wo die Zielgruppe der Homepage sitzt), rutscht das Menü gaaaaanz nach unten, sodass man nur einen kleinen Teil davon sieht. Außerdem ist in der Schule ein Strich, der die Frames abgrenzen soll nicht an seinem Platz.
Hier erstmal ein Link zu der Seite: http://195.96.25.165/sites/index.htm
Und hier der Quelltext von dem Frame in dem das Menü und der Strich sind.
Ich hoffe jemand hat eine Lösung für mein Problem! Vielen Dank schon ein Mal!
LG
Carina
Ich arbeite jetzt schon länger an einer neuen Homepage und sie wäre sicher schon lang fertig wenn da nicht dieses Java Menü wäre.
Bei mir zu Hause (am Notebook) wird es einwandfrei angezeigt. Doch in der Schule, wo die Zielgruppe der Homepage sitzt), rutscht das Menü gaaaaanz nach unten, sodass man nur einen kleinen Teil davon sieht. Außerdem ist in der Schule ein Strich, der die Frames abgrenzen soll nicht an seinem Platz.
Hier erstmal ein Link zu der Seite: http://195.96.25.165/sites/index.htm
Und hier der Quelltext von dem Frame in dem das Menü und der Strich sind.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Intranet-Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
font-family:Verdana;
font-size:11px;
color:#000000;
background-color: #576894;
}
a:link { font-family:Verdana;font-size:12px;color:#000000;text-decoration:none; }
a:active { font-family:Verdana;font-size:12px;color:#000000;text-decoration:none; }
a:visited { font-family:Verdana;font-size:12px;color:#000000;text-decoration:none; }
a:hover { font-family:Verdana;font-size:12px;color:#000000;text-decoration:underline; }
a:link.sub { font-family:Verdana;font-size:10px;color:#000000;text-decoration:none; }
a:active.sub { font-family:Verdana;font-size:10px;color:#000000;text-decoration:none; }
a:visited.sub { font-family:Verdana;font-size:10px;color:#000000;text-decoration:none; }
a:hover.sub { font-family:Verdana;font-size:10px;color:#000000;text-decoration:underline; }
</style>
<script type="text/javascript">
<!--
function show(divid) {
document.getElementById("cat1").style.display="none";
document.getElementById("cat2").style.display="none";
document.getElementById("cat3").style.display="none";
document.getElementById("cat4").style.display="none";
document.getElementById("cat5").style.display="none";
document.getElementById("cat6").style.display="none";
document.getElementById("cat7").style.display="none";
document.getElementById("cat8").style.display="none";
document.getElementById(divid).style.display="inline";
}
//-->
</script>
</head>
<body
<div style="position:absolute; position-top:0px; position-left:100px; left: 133px; top: 0px; width: 8px; height: 209px;"><img src="../images/Menue/Strich/strich_500.jpg"></div>
<a href="#" onclick="show('cat1')"><img src="../images/Menue/Ebene1/Button_1_News.jpg" width="90" height="30" border="0"></a><br>
<div id="cat1" style="display:none">
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_aktuelle_News.jpg" width="90" height="22" border="0"></a><br>
<a href="nettnews.htm" class="sub" target="mainFrame"><img src="../images/Menue/Ebene2/Button_2_NettNews.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Newsarchiv.jpg" width="90" height="22" border="0"></a><br>
</div>
<a href="#" onclick="show('cat2')"><img src="../images/Menue/Ebene1/Button_1_HAK-Baden.jpg" width="90" height="30" border="0"></a><br>
<div id="cat2" style="display:none">
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Allgemein.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Termine.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Events.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Bildungsangebot.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Raeume.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Projekte.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Interviews.jpg" width="90" height="22" border="0"></a><br>
</div>
<a href="#" onclick="show('cat3')"><img src="../images/Menue/Ebene1/Button_1_Galerien.jpg" width="90" height="30" border="0"></a><br>
<div id="cat3" style="display:none">
<a href="fotogalerie.htm" target="mainFrame" class="sub"><img src="../images/Menue/Ebene2/Button_2_Fotogalerie.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Videogalerie.jpg" width="90" height="22" border="0"></a><br>
</div>
<a href="#" onclick="show('cat4')"><img src="../images/Menue/Ebene1/Button_1_Downloads.jpg" width="90" height="30" border="0"></a><br>
<div id="cat4" style="display:none">
</div>
<a href="#" onclick="window.open('Umfrage.htm','popup','toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0,width=200,height=250');" show('cat5')"><img src="../images/Menue/Ebene1/Button_1_Umfrage.jpg" width="90" height="30" border="0"></a><br>
<div id="cat5" style="display:none">
</div>
<a href="#" onclick="show('cat6')"><img src="../images/Menue/Ebene1/Button_1_Links.jpg" width="90" height="30" border="0"></a><br>
<div id="cat6" style="display:none">
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_Ausdrucke.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_ClassServer.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_EMailjpg.jpg" width="90" height="22" border="0"></a><br>
<a href="#" class="sub"><img src="../images/Menue/Ebene2/Button_2_TOMP.jpg" width="90" height="22" border="0"></a><br>
</div>
<a href="aboutus.htm" target="mainFrame" onclick="show('cat7')"><img src="../images/Menue/Ebene1/Button_1_AboutUs.jpg" width="90" height="30" border="0"></a><br>
<div id="cat7" style="display:none">
</div>
<a href="#" onclick="show('cat8')"><img src="../images/Menue/Ebene1/Button_1_Contact.jpg" width="90" height="30" border="0"></a><br>
<div id="cat8" style="display:none">
</div>
</div><br>
</body>
</html>
Ich hoffe jemand hat eine Lösung für mein Problem! Vielen Dank schon ein Mal!
LG
Carina