nicht angemeldet
Hi Michael-2712!
Ich bin am Verzweifeln. Ich habe versucht, ein aufklappbares DHTML-Menü zusammen zu kriegen, aber auf dem Netscape läuft es nicht vollständig.
NullProblemo: ich mache alles mit <div>s und JavaScripten, funktioniert prima, ist aber ziemlich diffizil. Hat den Vorteil, dass ich statt der unendlich vielen htm-Austauschseiten nur eine bis drei Seiten brauche (1× *.htm, 1× *.js und 1× *.css).
Hier ein kleiner Vorgeschmack:
-------------Schalter für sichtbar/unsichtbar------
<html><head><title>visibility/hidden</title>
<script language="JavaScript" type="text/javascript">
<!--
function zeige() {
if(document.getElementById)
document.getElementById("ueberschrift").style.visibility = "visible";
}
function verstecke() {
if(document.getElementById)
document.getElementById("ueberschrift").style.visibility = "hidden";
}
//-->
</script>
</head><body bgcolor="FFFFFF" text="#000000">
<h1 id="ueberschrift" style="visibility:hidden">Die Überschrift zum Text</h1>
<p>Hier der Text. Aber fehlt da nicht was?</p>
<p><a href="javascript:zeige()">Anzeigen!</a></p>
<p><a href="javascript:verstecke()">Verstecken!</a></p>
</body>
</html>
------------- LayerTechnologie ----
------------ z-Index:1; = unten ---
------------ z-Index:6; = oben ----
------------ z-Index:-1; = versteckt (interpretiert IE5.5 nicht!) ---
<HEAD>
<TITLE> LAYER-StilTechnik </TITLE>
<style type="text/css">
<!--
#bild001 { position:absolute; left:300pt; top:100pt; z-Index:1; }
#bild002 { position:absolute; left:170pt; top:150pt; z-Index:2; }
#bild003 { position:absolute; left:240pt; top:220pt; z-Index:3; }
#bild004 { position:absolute; left:240pt; top:220pt; z-Index:4; }
#textfeld001 { position:absolute; left:60pt; top:70pt; z-Index:5; }
#textfeld002 { position:absolute; left:200pt; top:140pt; z-Index:6; }
//-->
</style>
</HEAD>
<BODY>
<div id="bild001"><img src="BILDER/frN01.gif" width="70" height="58" border="0" alt="xxx"></div>
<div id="bild002"><img src="BILDER/frNietzsche1t2.jpg" width="70" height="58" border="0" alt="xxx"></div>
<div id="bild003"><img src="BILDER/frNietzsche1.jpg" width="70" height="58" border="0" alt="xxx"></div>
<div id="bild004"><img src="BILDER/frNietzsche1t1.gif" width="70" height="58" border="0" alt="xxx"></div>
<div id="textfeld001">
<table width=100px height=160px>
<td> 1111</td>
<td> 2222</td>
</table>
</div>
<div id="textfeld002">
<table width=140px height=80px>
<td> xxxx</td>
<td> yyyy</td>
</table>
</div>
</body>
-------------
Viel Spass wünscht dir Klaus