Hallo Leute!
Ich bräuchte mal bitte eure Hilfe.
Also ich arbeite an einem Projekt für IMCM. Und da müssen wir eine Webseite mit viel css und solchem Schnickschnack drinnen machen. Und da mir das Menü auf www.runenkunde.de irgendwie ziemlich doll gefällt habe ich mir den Quelltext angesehen und versucht, das in meine Seite einzubauen. Nur irgendwie will das nicht so recht klappen. Meine Bitte wäre, ob ihr euch mal den Code ansehen könntet und was da drinnen fehlt, bzw. falsch ist? Das ist er:
<html>
<head>
<title>Sci-Fi-Base</title>
<style type="text/css">
<!--
a.tnav { text-decoration: none; font-family:Arial, Verdana, Tahoma; font-size:11px; color: #00FF00 }
a:hover.tnav { color: #00AEEF; font-size:12px }
.tnav { font-size:12px; color: #00FF00 }
.hspot { font-size:12px }
body { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px }
//-->
</style>
<style>
<!--
DIV.clTop{position:absolute; width:170}
DIV.clSub{position:absolute; left:10; width:170}
#divCont{position:relative; left:10; top:0; height:300; width:170;}
A.clMain{font-family:Tahoma, Verdana, Arial, Helvetica, Helv; font-size:12px; text-decoration:none; font-weight:bold; color:#00FF00}
A.clSubb{font-family:Tahoma, Verdana, Arial, Helvetica, Helv; font-size:12px; text-decoration:none; color:#00FF00}
#divMain{position:absolute}
//-->
</style>
<script language="JavaScript">
var stayFolded=false
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
this.height=n?this.ref.height:eval(obj+'.offsetHeight')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oTop[3]=new makeMenu('divTop4','divCont')
oTop[4]=new makeMenu('divTop5','divCont')
oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')
for(i=0;i<oSub.length;i++){ oSub.hideIt() }
for(i=1;i<oTop.length;i++){ oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num){
oSub.hideIt()
oTop.ref["imgA"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
if(oSub[num].vis()){
oSub[num].showIt()
oTop[num].ref["imgA"+num].src=exImg.src
}else{
oSub[num].hideIt()
oTop[num].ref["imgA"+num].src=unImg.src
}
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
if(browser) onload=init;
</script>
<base target="_self">
</head>
<body bgcolor="#000000" link="#00FF00" vlink="#00FF00" alink="#00FF00" leftmargin="0">
<!-- Beginn des Einbaus -->
<p> </p>
<div id="divCont">
<div id="divTop1" class="clTop"><a href="#" target="_self" onclick="menu(0); return false" class="clMain">Star Trek</a><br>
<div id="divSub1" class="clSub">
<a href="tos.htm" class="tnav" target="main" class="clSubb">The Original Series</a><br>
<a href="tng.htm" class="tnav" target="main" class="clSubb">The Next Generation</a><br>
<a href="ds9.htm" class="tnav" target="main" class="clSubb">Deep Space Nine</a><br>
<a href="voy.htm" class="tnav" target="main" class="clSubb">Voyager</a><br>
<a href="enterprise.htm" class="tnav" target="main" class="clSubb">Enterprise</a><br>
</div><br>
</div>
<div id="divCont">
<div id="divTop2" class="clTop"><a href="#" target="_self" onclick="menu(1); return false" class="clMain">Stargate</a><br>
<div id="divSub2" class="clSub">
<a href="sg1.htm" class="tnav" target="main" class="clSubb">Stargate SG-1</a><br>
<a href="sg_a.htm" class="tnav" target="main" class="clSubb">Stargate: Atlantis</a><br>
</div><br>
</div>
<div id="divCont">
<div id="divTop3" class="clTop"><a href="#" target="_self" onclick="menu(2); return false" class="clMain">Battlestar Galactica</a><br>
<div id="divSub3" class="clSub">
<a href="bsg_group.htm" class="tnav" target="main" class="clSubb">Besetzung</a><br>
<a href="bsg_ships.htm" class="tnav" target="main" class="clSubb">Schiffe</a><br>
</div><br>
</div>
<div id="divCont">
<div id="divTop4" class="clTop"><a href="#" target="_self" onclick="menu(3); return false" class="clMain">FarScape</a><br>
<div id="divSub4" class="clSub">
<a href="fs_crew.htm" class="tnav" target="main" class="clSubb">Crew</a><br>
</div><br>
</div>
<div id="divCont">
<div id="divTop5" class="clTop"><a href="#" target="_self" onclick="menu(4); return false" class="clMain">Andromeda</a><br>
<div id="divSub5" class="clSub">
<a href="andromeda_crew.htm" class="tnav" target="main" class="clSubb">Crew</a><br>
<a href="sndromeda_ship.htm" class="tnav" target="main" class="clSubb">Schiff</a><br>
</div><br>
</div>
<!-- Ende des Einbaus -->
</body>
</html>
VlG,
Soulslayer
Phoenix1991 (224)  3x Beste Antwort 4x "Danke"
|
