Hallo!
Na klar: hier ist das CSS :
<style type="text/css" media="screen">
body {
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-image:url(bilder/jas_kachel.gif);
background-repeat: repeat-x;
background-color:#534C44;
}
#layout{
width: 955px;
height: 600px;
margin: 0 auto;
}
#kopf {
height: 115px;
width: 100%;
}
#inhalt {
height: 405px;
width: 100%;
}
#fuss {
height: 80px;
width: 100%;
}
#untermenue {
background-color:#CCFF66;
width: 500px;
}
p {margin: 0;}
.schriftzug {
padding-top: 30px;
}
.menue {
padding-top: 10px;
}
.untermenue {
margin: 0;
}
.buttonRechts{
margin-left:315px;
}
.buttonLinks{
margin-left:300px;
}
</style>
Und der HTML code:
<div id="layout">
<div id="kopf" >
<div class="schriftzug" align="center">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="250" height="50">
<param name="movie" value="swf/schriftzug_glitzern.swf">
<param name="quality" value="high">
<embed src="swf/jasmin_glitzern.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="250" height="50"></embed></object>
</div>
</div>
<div id="hauptInhalt">
<div align="center"><img src="bilder/reportage_h1.jpg"></div>
<div > <a href="reportage_h1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Button_links','','bilder/button_rund_gr.gif',1)"><img src="bilder/button_rund.gif" name="Button_links" width="22" height="22" border="0" class="buttonLinks"></a><a href="reportage_h3.html"><a href="inter_weiss3.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Rot2','','bilder/button_rund_gr.gif',1)"><img src="bilder/button_rund.gif" name="Rot2" width="22" height="22" border="0" class="buttonRechts"></a></div>
</div>
<br>
<div id="fuss">
<div class="menue" align="center"><a href="home.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','bilder/btn_home_aktiv.gif',1)"><img src="bilder/btn_home.gif" name="Home" width="66" height="12" border="0"></a><a href="interior_rot1.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Interior','','bilder/btn_inter_aktiv.gif',1)"><img src="bilder/btn_inter.gif" name="Inter" width="66" height="12" border="0"></a><img src="bilder/btn_zwischen1.gif"><img src="bilder/btn_reportage_aktiv.gif" name="Reportage" width="66" height="12" border="0"><img src="bilder/btn_zwischen4.gif"><a href="event_la.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Event','','bilder/btn_event_aktiv.gif',1)"><img src="bilder/btn_event.gif" name="Event" width="66" height="12" border="0"></a><a href="impressum.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Kontakt','','bilder/btn_kontakt_aktiv.gif',1)"><img src="bilder/btn_kontakt.gif" name="Kontakt" width="66" height="12" border="0"></a>
<hr noshade size="1" width="330px" color="#a0958f">
<div class="untermenue">
<table width="600" height="20px" border="0">
<tr valign="top">
<td width="263"> </td>
<td width="52"><img src="bilder/btn_h_aktiv.gif" name="H" width="43" height="10" border="0"></td>
<td width="35"><a href="reportage_malmoe1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Malmoe','','bilder/btn_mal_aktiv.gif',1)"><img src="bilder/btn_mal.gif" name="Mal" width="35" height="10" border="0"></a></td>
<td width="39">xxxxx</td>
<td width="61"><a href="reportage_land" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Land','','bilder/btn_land_aktiv.gif',1)"><img src="bilder/btn_land.gif" name="Land" width="43" height="10" border="0"></a></td>
<td width="70"><a href="reportage_hasen1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Hasen','','bilder/btn_hasen_aktiv.gif',1)"><img src="bilder/btn_hasen.gif" name="Hasen" width="60" height="10" border="0"></a></td>
<td width="30"><a href="reportage_hi" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('H','','bilder/btn_hi_aktiv.gif',1)"><img src="bilder/btn_hi.gif" name="Hi" width="30" height="10" border="0"></a></td>
<td width="16"> </td>
</tr>
</table>
</div>
</div>
</div>
</div>
</body>