sorry :-)
hier ist der HTML Teil:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Willkommen auf den Internetseiten der KGS-Linnich</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'
v=='hide')?'hidden':v; }
obj.visibility=v; }
}
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
-->
</style>
<link href="kgs.css" rel="stylesheet" type="text/css">
</head>
<body style="margin:0px 0px; padding:0px; text-align:center;">
<div id="container" style="width:775px; height : 1px; margin : 0px auto; text-align : left; padding : 0px;">
<div id="bild-oben"><img src="media/bild-oben_buchstaben.jpg" width="777" height="130" class="rand"></div>
<div id="navigation">
<table width="779" border="0" cellpadding="0" cellspacing="0" background="media/higru-navi.gif">
<tr>
<td width="1" bgcolor="#000000"></td>
<td width="162"> </td>
<td width="36"><img src="media/haus.gif"></td>
<td width="145"><a href="#" onMouseOver="MM_showHideLayers('schule-menu','','show','schulzeit-menu','','hide','angebot-menu','','hide','einklappflaeche','','show')" class="menu-navi">Unsere Schule</a></td>
<td width="37"><img src="media/wecker.gif"></td>
<td width="145"><a href="#" class="menu-navi" onMouseOver="MM_showHideLayers('schule-menu','','hide','schulzeit-menu','','show','angebot-menu','','hide','einklappflaeche','','show')">Unsere Schulzeit </a></td>
<td width="38"><img src="media/apfel.gif"></td>
<td><a href="#" class="menu-navi" onMouseOver="MM_showHideLayers('schule-menu','','hide','schulzeit-menu','','hide','angebot-menu','','show','einklappflaeche','','show')">Unsere Angebote </a></td>
<td width="1" bgcolor="#000000"></td>
</tr>
</table>
</div><div id="kgs-schriftzug"><img src="media/schriftzug-kgs.gif"></div><div id="content">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" class="rand">
<tr><td><div id="content-head">
<p class="headline1">Schule, wie sie uns Spaß macht</p> </div><div id="content-foto"><img src="media/foto-koesters.jpg" width="198" height="131"></div>
<div id="content-1">
<p class="fliesstext"
onMouseOver = "this.style.backgroundColor = '#FCB864'; document.getElementById('sprechblase1').style.visibility = 'visible' ";
onMouseOut = "this.style.backgroundColor ='#ffffff'; document.getElementById('sprechblase1').style.visibility = 'hidden' "> Die KGS-Linnich stell sich vor: Mit unserer neuen Website wollen wir <br>
– das sind fast
330 Schülerinnen und Schüler, 13 Lehrerinnen und ein Rektor an der Katholischen
Grundschule Linnich – Ihnen und Euch einen Einblick geben in unser Schulleben.</p>
</div>
<div id="content-2" >
<p class="fliesstext"
onMouseOver = "this.style.backgroundColor = '#FCB864'; document.getElementById('sprechblase2').style.visibility = 'visible' ";
onMouseOut = "this.style.backgroundColor ='#ffffff'; document.getElementById('sprechblase2').style.visibility = 'hidden' ">Wir wollen Sie, liebe Eltern und Großeltern, mitnehmen in unsere Schule – machen
Sie sich ein Bild von der KGS! Und Euch, liebe Schülerinnen und Schüler, führen wir
durchs Netz mit dieser Internetseite. Damit Schule täglich in Linnich und online auch
weltweit Spaß macht. </p>
</div>
<div id="content-3">
<p class="fliesstext"
onMouseOver = "this.style.backgroundColor = '#FCB864'; document.getElementById('sprechblase3').style.visibility = 'visible' ";
onMouseOut = "this.style.backgroundColor ='#ffffff'; document.getElementById('sprechblase3').style.visibility = 'hidden' ">
Für alle großen Benutzer dieser Homepage gibt es dieses Inhaltsfeld mit allem Wichtigen in Wort und Bild. Und den kleinen Besuchern hilft „Erklärence“, unser KGS-Schullöwe.<br>
<br>
Viel Spaß wünscht die KGS,<br> unterstützt von der Fachchochschule Aachen.</p>
</div></td></tr> </table>
</td>
</tr>
</table></div><div id="logo"><img src="media/kgs-logo.gif" width="135" height="185"></div><div id="kinderbilder">
<table width="100%" height="100%" border="0" class="rand">
<tr>
<td> </td>
</tr>
</table></div><div id="trenner-unten"><table width="100%" height="6px" border="0" cellpadding="0" cellspacing="0" bgcolor="#999999" class="rand">
<tr>
<td></td>
</tr>
</table></div><div id="erclarence"><img src="media/erclarence1.gif" width="149" height="242"></div><div id="sprechblase1"><table width="100%" height="100%" border="0" background="media/sprechblase1.gif">
<tr>
<td valign="top" class="erklaer"><br>
Schon gehört? <br>Die KGS hat eine neue Website! </td>
</tr>
</table></div><div id="sprechblase2"><table width="100%" height="100%" border="0" background="media/sprechblase1.gif">
<tr>
<td valign="top" class="erklaer"><br>
Du kannst noch nicht gut lesen?<br>
Dann schaue auf mich<br>und höre mir zu !</td>
</tr>
</table></div><div id="sprechblase3"><table width="100%" height="100%" border="0" background="media/sprechblase1.gif">
<tr>
<td valign="top" class="erklaer"><br>
Ich bin Erklärence, der Schullöwe.<br>
Und ich erkläre dir, was hier passiert.</td>
</tr>
</table></div><div id="schule-menu"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu-navi">
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">die Neuigkeiten</td>
</tr>
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">die Hintergründe</td>
</tr>
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">das Kollegium</td>
</tr>
</table></div><div id="schulzeit-menu">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu-navi">
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">das KGS-Prinzip</td>
</tr>
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">Fahrten und Feiern</td>
</tr>
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">die Schülerzeitung</td>
</tr>
</table></div><div id="angebot-menu">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="menu-navi">
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">für die Pausen</td>
</tr>
<tr>
<td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">in den AGen</td>
</tr><tr><td class="ausklapp"
onMouseOver = "this.style.backgroundColor = '#F39F38';"
onMouseOut = "this.style.backgroundColor = '#999999';"
onClick="MM_goToURL('parent','pausen.html');return document.MM_returnValue">mit den Eltern</td></tr></table></div><div id="einklappflaeche"><img src="media/trans.gif" width="600px" height="300px" onMouseOver="MM_showHideLayers('schule-menu','','hide','schulzeit-menu','','hide','angebot-menu','','hide','einklappflaeche','','hide')"></div><div id="kontakt"><a href="#" class="kontakt1">Kontakt</a> | <a href="#" class="kontakt1">Impressum</a></div></div></body></html>
Und hier der CSS-Part:
.rand {
border: 1px solid #000000;
}
.fliesstext {
text-align: left;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.headline1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333333;
margin: 10px;
text-align: left;
text-indent: 0px;
left: 10px;
position: relative;
top: 5px;
right: 20px;
bottom: 10px;
font-weight: bold;
}
.menu-navi {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
left: 10px;
position: relative;
height: 100;
}
.menu-navi:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
left: 10px;
position: relative;
height: 100;
text-decoration: none;
}
.menu-navi:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
left: 10px;
position: relative;
height: 100;
text-decoration:underline;
}
.menu-navi:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
left: 10px;
position: relative;
height: 100;
text-decoration: none;
}
.foto {
margin: 10px;
text-indent: 10px;
left: 10px;
position: relative;
right: 20px;
bottom: 10px;
top: 0;
}
.erklaer {
font-family: "Comic Sans MS";
font-size: 18px;
font-weight: bold;
color: #EA781D;
left: 20px;
position:relative;
top: 15px;
right: 5px;
bottom: 5px;
text-indent: 20px;
}
.ausklapp-menu:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
.ausklapp-menu:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
.ausklapp-menu:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
.ausklapp {
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
height: 20px;
width: 174px;
background-color: #999999;
text-indent: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}
#angebot-menu {
position:relative;
left:554px;
top:-1522px;
width:140px;
height:90px;
z-index:995;
visibility:hidden;
}
/* IE */
* html #angebot-menu{
top:-1658px;
}
/* IE */
#schulzeit-menu {
position:relative;
left:371px;
top:-1432px;
width:140px;
height:90px;
z-index:994;
visibility:hidden;
}
/* IE */
* html #schulzeit-menu{
top:-1568px;
}
/* IE */
#schule-menu {
position:relative;
left:190px;
top:-1342px;
width:140px;
height:90px;
z-index:993;
visibility:hidden;
}
/* IE */
* html #schule-menu{
top:-1480px;
}
/* IE */
#einklappflaeche {
position:relative;
left:180px;
top:-1652px;
width:600px;
height:16px;
z-index:992;
visibility:hidden;
}
/* IE */
* html #einklappflaeche {
top:-1800px;
}
/* IE */
#sprechblase1{
position:relative;
left:440px;
top:-730px;
width:320px;
height:200px;
z-index:1000;
visibility: hidden;
}
/* IE */
* html #sprechblase1{
top:-870px;
}
/* IE */
#sprechblase2{
position:relative;
left:440px;
top:-930px;
width:320px;
height:200px;
z-index:1000;
visibility:hidden;
}
/* IE */
* html #sprechblase2{
top:-1070px;
}
/* IE */
#sprechblase3 {
position:relative;
left:440px;
top:-1130px;
width:320px;
height:200px;
z-index:1000;
visibility:hidden;
}
/* IE */
* html #sprechblase3{
top:-1270px;
}
/* IE */
#erclarence {
position:relative;
left:650px;
top:-498px;
width:141px;
height:141px;
z-index:1001;
visibility:visible;
}
/* IE */
* html #erclarence{
top:-534px;
}
/* IE */
#trenner-unten {
position:relative;
left:0px;
top:-255px;
width:779px;
height:4px;
z-index:999;
visibility:visible;
}
/* IE */
* html #trenner-unten {
top:-290px;
}
/* IE */
#kinderbilder {
position:relative;
left:0px;
top:-185px;
width:779px;
height:67px;
z-index:998;
visibility:visible;
background-image:url(media/kinderbilder.jpg);
border: '1px' 'none' '#000000';
}
/* IE */
* html #kinderbilder{
top:-220px;
}
/* IE */
#logo {
position:relative;
left:9px;
top:-530px;
width:93px;
height:169px;
z-index:997;
visibility:visible;
}
/* IE */
* html #logo {
top:-550px;
}
/* IE */
#content-1 {
position:relative;
left:25px;
top:-123px;
width:433px;
height:51px;
z-index:18;
visibility:visible;
}
/* IE */
* html #content-1 {
top:-140px;
}
/* IE */
#content-2 {
position:relative;
left:235px;
top:-120px;
width:227px;
height:147px;
z-index:19;
visibility:visible;
}
/* IE */
* html #content-2 {
top:-132px;
}
/* IE */
#content-3 {
position:relative;
left:25px;
top:-140px;
width:435px;
height:70px;
z-index:20;
visibility:visible;
}
/* IE */
* html #content-3 {
top:-142px;
}
/* IE */
#content-foto {
position:relative;
left:25px;
top:40px;
width:181px;
height:88px;
z-index:17;
visibility:visible;
}
/* IE */
* html #content-foto {
top:52px;
}
/* IE */
#content-head {
position:relative;
left:5px;
top:1px;
width:281px;
height:55px;
z-index:16;
visibility:visible;
}
#bild-oben{
position:relative;
left:0px;
top:22px;
height:115px;
z-index:1;
visibility:visible;
}
#navigation{
position:relative;
left:0px;
top:29px;
height:38px;
z-index:996;
visibility:visible;
}
/* IE */
* html #navigation {
top:12px;
}
/* IE */
#kgs-schriftzug {
position:relative;
left:404px;
top:-155px;
height:35px;
width:256px;
z-index:3;
visibility:visible;
}
/* IE */
* html #kgs-schriftzug {
top:-170px;
}
/* IE */
#content {
position:relative;
left:0px;
top:-17px;
height:345px;
width:779px;
z-index:3;
visibility:visible;
background-color:#FFFFFF;
border: '1px' 'none ' '#000000';
overflow:hidden;
}
/* IE */
* html #content {
top:-34px;
}
/* IE */
#kontakt {
position:relative;
left:673px;
top:-1215px;
height:20px;
width:200px;
z-index:1002;
visibility:visible;
overflow:hidden;
}
.kontakt1:link{
text-align: left;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
}
.kontakt1:hover{
text-align: left;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: underline;
}
.kontakt1:visited{
text-align: left;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-decoration: none;
}
/* IE */
* html #kontakt {
top:-34px;
}
/* IE */
