also hier der code für die seite mit den fixen positionen:
Code:
<head>
<script type="text/javascript">
<!--
function info(p1,p2)
{document.getElementById(p1).style.visibility=p2;}
//-->
</script>
</head>
<body>
<div style="position:absolute; left:400px; top:00px; width:100; height:100px;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
<tr bgcolor="#E7EDF8">
<td height="10">
<div>I/1</div>
</td>
</tr>
<tr bgcolor="#008B97">
<td height="50" onMouseover="javascript:info('boxI_1','visible')" onMouseout="javascript:info('boxI_1','hidden')">Stammesvater Matthias</td>
</tr>
<tr bgcolor="#E7EDF8">
<td height="10">
<div>Kinder:</div>
</td>
</tr>
</table>
</div>
<div style="position:absolute; left:350px; top:100px; width:100; height:100px;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
<tr bgcolor="#E7EDF8">
<td height="10">
<div>II/1</div>
</td>
</tr>
<tr bgcolor="#008B97">
<td height="50" onMouseover="javascript:info('boxII_1','visible')" onMouseout="javascript:info('boxII_1','hidden')">Gallus</td>
</tr>
<tr bgcolor="#E7EDF8">
<td height="10">
<div>Kinder:</div>
</td>
</tr>
</table>
</div>
<div style="position:absolute; left:450px; top:100px; width:100; height:80px;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
<tr bgcolor="#E7EDF8">
<td height="10">
<div>II/2</div>
</td>
</tr>
<tr bgcolor="#AB8B97">
<td height="50" onMouseover="javascript:info('boxII_2','visible')" onMouseout="javascript:info('boxII_2','hidden')">Wolfgang</td>
</tr>
</table>
</div>
<div style="position:absolute; left:200px; top:200px; width:100; height:80px;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
<tr bgcolor="#E7EDF8">
<td height="10">
<div>III/1</div>
</td>
</tr>
<tr bgcolor="#AB8B97">
<td height="50" onMouseover="javascript:info('boxIII_1','visible')" onMouseout="javascript:info('boxIII_1','hidden')">Johannes</td>
</tr>
</table>
</div>
<div style="position:absolute; left:300px; top:200px; width:100; height:80px;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="80" bordercolor="#003366" class="normal">
<tr bgcolor="#E7EDF8">
<td height="10">
<div>III/2</div>
</td>
</tr>
<tr bgcolor="#AB8B97">
<td height="50" onMouseover="javascript:info('boxIII_2','visible')" onMouseout="javascript:info('boxIII_2','hidden')">Leonhardus</td>
</tr>
</table>
</div>
<div style="position:absolute; left:820px; top:200px; width:100; height:100px;">
<table width="100" border="1" cellspacing="0" cellpadding="0" height="100" bordercolor="#003366" class="normal">
<tr bgcolor="#E7EDF8">
<td height="10">
<div>III/3</div>
</td>
</tr>
<tr bgcolor="#008B97">
<td height="50" onMouseover="javascript:info('boxIII_3','visible')" onMouseout="javascript:info('boxIII_3','hidden')">Leonhard</td>
</tr>
<tr bgcolor="#E7EDF8">
<td height="10">
<div>Kinder:</div>
</td>
</tr>
</table>
</div>
</body>
und die soll hier includet werden:
PHP-Code:
echo "<title>$titel</title>\n";
echo "</head>\n";
echo "<body>\n";
echo " <div id=\"Einleitung\">\n";
echo " <h1>Hier kommt der Text hin, der sich entweder über eine oder mehrere Zeilen erstreckt!</h1>\n";
echo "<table width=\"100%\">\n";
echo "<tr>\n";
foreach($menue as $key => $val) {
if ($key == $_GET['geladene_seite']) {
echo "<td align=\"center\" bgcolor=\"#00ff00\">" . $val['title'] . "</td>";
} else {
echo "<td align=\"center\" bgcolor=\"#c0c0c0\"><a href=\"" . $val['path'] . "\">" . $val['title'] . "</a></td>";
}
}
echo " </tr>\n";
echo " </table>\n";
echo "</br>\n";
echo " </div>\n";
echo " <div id=\"Inhalt\" style=\"background-image:url(wappen.jpg);\">\n";
if (isset($_GET['geladene_seite']) AND isset($menue[$_GET['geladene_seite']])) {
include($menue[$_GET['geladene_seite']]['file']);
} else {
include ($menue['neues']['file']);
}
echo "</div>\n";
die seite soll im <div "Inhalt"> geladen werden, ich hoffe du kannst dir nun mehr vorstellen
