nicht angemeldet
Hallo...
ich habe eine Site mit mehreren Div-Layern zusammengebastelt...bzw habe es vor ! jetzt stellt sich für mich die Frage, wie ich durch einen Buttonclick von "z-index:3" (div id=menu) die gewünschte datei in den "z-index:4" (div id=text) bekomme...
___________________________________
Hier mal der Code:
<!-- Hintergrundfarbe SCHWARZ -->
<body bgcolor="#000000">
<!-- 1. Ebene HINTERGRUNDBILD -->
<div id="bild" style="position:center; width:100%; height:100%; z-index:2;
padding:5px; border: #000000 2px solid; background-image:url(hintergrund.jpg);">
<!-- 2.Ebene DAS MENU -->
<div id="menu" style="position:absolute; top:0; left:150; width:600; height:700; z-index:3;
padding:5px; border: #FFFFFF 2px solid;">
<!-- ImageReady Slices (menu.psd) -->
<table id="Tabelle_01" width="204" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="home.html" target="aktuell"><img src="02.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="eins.html" target="aktuell"><img src="03.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="2.html" target="aktuell"><img src="05.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="drei.html" target="aktuell"><img src="07.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="vier.html" target="aktuell"><img src="09.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="fünf.html" target="aktuell"><img src="11.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="sechs.html" target="aktuell"><img src="14.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="sieben.html" target="aktuell"><img src="16.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="acht.html" target="aktuell"><img src="18.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="neun.html" target="aktuell"><img src="20.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<a href="zehn.html" target="aktuell"><img src="22.jpg" width="204" height="30" alt="" border=0></a></td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<!-- End ImageReady Slices -->
<!-- 3. Ebene TEXTLICHES -->
<div id="text" style="position:absolute; top:200; left:350; width:500; height:500; z-index:4;
padding:5px; border: #FFFFFF 2px solid; overflow:auto; background-color:#FFFFFF">
<font color=#000000 size=6> und hier soll dann das vom menu angeklickte reingeladen werden</font>
</div>