Hi @ all
Habe mich jetzt in XHTML und CSS eingelesen und möchte jetzt ne Page machen und schon ist hier meine erste Hürde.
Ich möchte die ganze Homepage Zentriert haben und da ich noch Header, Content und Navi nebeneinander positionieren möchte ist es für mich zu kompliziert zu verstehen wie deswegen brauche ich eure hilfe.
Habe hier mal ein schnellese Layout gemacht zur Versändnis:
ImageShack - Hosting :: vorlageak5.jpg
Hier noch mein Queltext:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="language" content="de" />
<meta name="robots" content="index,follow" />
<title>Baby-Jen Homepage</title>
<!-- CSS Seiten Layout -->
<style type="text/css">
body { color:white; background-color:#000000; font-family:arial, helvetica, sans-serif; font-size:75%; line-height:0.5em;
}
</style>
</head>
<body>
<div id="index">
<div id="header">
<!-- Logo baby-jen.de.vu -->
<img src="img/head_7.jpg" alt="baby-jen Logo" width="580" height="275" border="0" />
</div>
<div id="inhalt">
<!-- begrüsungstext -->
<p>Hope everything is allright</p>
<p>I mean cool</p>
<p>To tell u a lil bit about me</p>
<p>Ive got a rule</p>
<p>"U have to gimme an entry"</p>
<p>aight</p>
<p>So thats all</p>
<p>if u wanna know more</p>
<p>just gimme a call</p>
<p>at my page</p>
<hr align="left" width="500" size="1" />
<p class="Stil1">Hier findet ihr reichlich Stoff von selbstgemachten Videos,</p>
<p class="Stil1">sowie eigene Tracks & Bilder einfach reinziehen.</p>
</div>
<div id="navigation">
<!-- Navigation -->
<p><a href="index.html" title="Startseite" class="navi-link">Home</a></p>
<p><a href="pix.html" title="Bilder" class="navi-link">Pix</a></p>
<p><a href="video.html" title="Video" class="navi-link">Video</a></p>
<p><a href="music.html" title="Music" class="navi-link">Music</a></p>
<p><a href="about-me.html" title="über mich" class="navi-link">About Me</a></p>
<p><a href="g-book.html" title="Gäste Buch" class="navi-link">G-Book</a></p>
<p><a href="links.html" title="Links" class="navi-link">Links</a></p>
</div>
<div id="fusszeile">
<!-- Fußzeile -->
</div>
</div>
</body>
</html>