<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>MyDietReviews.com - Your diet source</title>
<style type="text/css">
#container {
width: 80%;
text-align: left;
margin: 0 auto;
}
body {
margin: 0;
padding: 0;
background-image:url(images/bg.gif);
background-repeat:repeat;
}
ul { list-style-image: url(images/pfeil.gif)
}
.copyright {
text-align:center;
}
#header {
width: 755px;
height: 110px;
display: block;
background-repeat: no-repeat;
background-image: url(images/header.gif);
margin-top: 59px;
font-size:12px;
font-weight:bold;
}
a:link {
text-decoration:none;
color:#999999;
}
a:hover {
text-decoration:underline;
color: #9bc604;
}
.unternavi {
margin: 5px 20px auto 20px;
font-size:14px;
}
.unternavi2 {
margin: 40px 20px auto 20px;
font-size:14px;
color:#9bc604;
}
#navlinks {
float:left;
width: 197px;
background-color:#FFFFFF;
color:#999999;
font-size:17px;
}
#inhalt {
color:#000000;
margin-left: 207px;
width: 50%;
position:absolute;
padding-top: 18px;
}
</style>
</head>
<body>
<div id="container">
<div id="header">Impressum Agb</div>
<div id="navlinks">
<ul>
<li><a href="http:www.google.de">Testlink</li>
<li><a href="http:www.google.de">Testlink</li>
<li><a href="http:www.google.de">Testlink</li>
<li><a href="http:www.google.de">Testlink</li>
<li><a href="http:www.google.de">Testlink</li>
<li><a href="http:www.google.de">Testlink</li>
</ul>
<p class="unternavi2">Testueberschrift</p>
<p class="unternavi">Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht'</p>
<p class="unternavi2">Testueberschrift</p>
<p class="unternavi">Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht'</p>
<p class="unternavi2">Testueberschrift</p>
<p class="unternavi">Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht'</p>
</div>
<div id="inhalt">
<p> Da ich es leid bin immer und immer wieder slicen Tutorials zu sehen, in denen Leute schreiben 'Wie es geht', aber in wirklichkeit, meines Erachtens nach, keine Ahnung haben, habe ich mich mal dazu entschlossen, ein, meiner Ansicht nach, gutes Tutorial zum Thema 'Slicen und daraus eine Homepage entwerfen' zu schreiben.</p>
<p>Auf das Slicen selber werde ich nicht soo sehr viel eingehen, denn das Slicen einer Webseite beträgt nur etwa 1% der Erstellung der Webseite. Dennoch ist da Slicen mit einer der wichtigsten Aufgaben, wenn es darum geht, eine schnelle Webseite zu erstellen.
5-10kb weniger Grafikanteil kann schon enorm viel an Geschwindigkeit ausmachen.</p>
<p>Wenn ihr Anfänger seid, dann rate ich euch, mir erst mein XHTML + CSS Tutorial durchzulesen, ihr findet es hier
Wichtig, in diesem Tutorial wird beides gleichzeitig gemacht. Es wird gesliced und sofort in HTML umgesetzt. Das ist massig an Informationen für euch, aber nur so macht es mir Sapaß dieses Tutorial zu schreiben. Wem was an ner guten Seite liegt der muss mit den kommenden Informationen fertig werden.</p>
<p style="color:#CCCCCC" class="copyright">Copyright 2006 by Yourdietsource.com</p>
</div>
</div>
</body>
</html>
