nicht angemeldet
Hi,
im Auftrag unseres EDV-Kurses in der Schule sollen wir eine Homepage über unsere letzte Skifreizeit gestalten.
Eigentlich bin ich soweit fertig und auch ganz zufrieden. Eventuell habt Ihr noch Verbesserungsvorschläge? Im header befindet sich bei mir eine diashow von einigen Bildern die wir dort geschossen haben.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><!-- Head Anfang -->
<title>Klassenfahrt</title>
<meta name="author" content="Marius Mann">
<meta name="editor" content="html-editor phase 5">
<link href="stylesheet.css" type="text/css" rel="stylesheet" />
<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" media="screen" />
<style type="text/css">a#vlb{display:none}</style>
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->
</head><!-- Head Ende -->
<body> <!-- Body Anfang -->
<table align="center"> <!-- Die Tabelle -->
<tr>
<td>
<div id="root_site"> <!-- Die Tabelle -->
<!-- Start WOWSlider.com BODY section id=wowslider-container1 -->
<div id="wowslider-container1">
<div class="ws_images">
<a href="#"><img src="data1/images/header3.jpg.jpg" alt="header3.jpg" title="header3.jpg" id="wows0"/></a>
<a href="#"><img src="data1/images/4.jpg.jpg" alt="4.jpg" title="4.jpg" id="wows1"/></a>
<a href="#"><img src="data1/images/header.jpg.jpg" alt="Header.jpg" title="Header.jpg" id="wows2"/></a>
<a href="#"><img src="data1/images/5.jpg.jpg" alt="5.jpg" title="5.jpg" id="wows3"/></a>
<a href="#"><img src="data1/images/6.jpg.jpg" alt="6.jpg" title="6.jpg" id="wows4"/></a>
<a href="#"><img src="data1/images/bild2.jpg.jpg" alt="bild2.jpg" title="bild2.jpg" id="wows5"/></a>
</div>
<a style="display:none" href="http://wowslider.com">Joomla Image Carousel by WOWSlider.com v1.7</a>
</div>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->
<ul id="navigation_main_container"> <!-- Navigation Anfang -->
<li><a href="Tag1.html">Tag 1</a></li>
<li><a href="Tag2.html">Tag 2</a></li>
<li><a href="Tag3.html">Tag 3</a></li>
<li><a href="Tag4.html">Tag 4</a></li>
<li><a href="Tag5.html">Tag 5</a></li>
<li><a href="Bilder.html">Bilder </a></li>
</ul> <!-- Navigation Ende -->
<div id="content_main_container"> <!-- Hauptteil Anfang -->
<table id="content_table_main_container"> <!-- Tabelle wo der Text steht Anfang -->
<tr>
<td>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</td>
</tr>
</table> <!-- Tabelle wo der Text steht Ende -->
</div> <!-- Hauptteil Ende -->
<div id="footer_main_container"> <!-- Footer Anfang -->
Content Copyright© 2013 by Marius Mann and Maik Mikus. <a style="text-decoration: none;" href="Impressum.html"><font color="#FFFFFF">Impressum</font></a>
</div> <!-- Footer Ende -->
</div> <!-- Die Tabelle ist zu Ende -->
</td>
</tr>
</table> <!-- Die Tabelle ist zu Ende -->
</body> <!-- Body Ende -->
</html>
body
{
background-color: #FFFFFF;
background-position: center;
background-position: top;
}
/*Hauptseite*/
#root_site
{
height: auto;
width: 860px;
margin-top: 40px;
}
#header_main_container
{
height: 200px;
width: 100%;
}
ul#navigation_main_container
{
padding: 0px;
margin: 0px;
background-color: #024e68;
border-radius: 10px 10px 10px 10px;
}
ul#navigation_main_container
{
width: 100%;
display:table;
}
ul#navigation_main_container li /*Spalten*/
{
display: table-cell;
padding: 5px;
}
ul#navigation_main_container a /*Schrift*/
{
color: white;
font-size: 24px;
text-decoration: none;
}
ul#navigation_main_container a:hover /*Rollover-effekt*/
{
color: #06799f;
}
#content_main_container
{
background: #06799f;
width: 100%;
overflow: auto;
border-radius: 10px 10px 10px 10px;
}
#content_table_main_container
{
border: solid 0px;
margin-top: 30px;
margin-left: 30px;
margin-right: 30px;
margin-bottom: 100px;
border-radius: 10px 10px 10px 10px;
font-size: 24px;
}
#footer_main_container
{
background: #024e68;
width: 100%;
height: 50px;
color: #FFF;
border-radius: 10px 10px 10px 10px;
}
Matthias Apsel
suit