nicht angemeldet
Hier ist ein Anreiz in welche Richtung du gehen solltest. Das musst du dann weiterentwickeln nach deinen Bedürfnissen
<!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>
<title>Meine Seite</title>
<meta name="description" content="hier gibt es infos über mich">
<meta name="keyword" content="Super, schlau, sexy">
<link href="css/style.css" type="text/css" media="screen,projection" rel="stylesheet" />
<style>
html, body {
margin : 0px;
padding : 0px;
height : 100%;
background-color : #f1eff0;
font-family : arial;
font-size : 12px;
color : #000;
}
.head {
width:930px;
background-color:#363435;
}
img {border:none;}
.head ul.mainNav {
list-style:none;
color:#fff;
width:345px;
margin:25px 0px 0px 35px;
padding:0px;
}
.head ul.mainNav li{
float:left;
padding:5px;
background-color:#000;
}
.head ul.mainNav li a {
text-decoration:none;
color:#fff;
font-weight:bold;
}
.head ul.mainNav li a:hover {
text-decoration:none;
color:#357954;
font-weight:bold;
}
.content {
width:928px;
border:1px solid #363435;
}
.footer {
width:920px;
background-color:#363435;
color:#fff;
padding:5px;
}
h1 {font-size:28px;margin-top:10px;}
h2 {font-size:20px;margin-top:10px;}
p {margin-bottom:10px;}
hr {
border: 0px;
border-top: solid 1px #000000;
border-bottom: transparent;
margin:0px;
}
</style>
</head>
<body>
<!-- Kopfbereich der Seite //-->
<div class="head">
<p><a href="http://w2tj.net/ext_inc/UserFiles/image/Counter_Strike_Source.jpg">
<img src="http://w2tj.net/ext_inc/UserFiles/image/Counter_Strike_Source.jpg" alt="" title="" />
</a></p>
<ul class="mainNav">
<li><a href="#">Portal</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Members</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Regeln</a></li>
</ul>
<div style="clear:left"></div>
</div>
<!-- Inhalt der Seite //-->
<div class="content">
<h1>Willkommen bei Clan XY</h1>
<h2>Wer sind wir überhaupt?</h2>
<p>Hallo erstmal,<br> wir sind ein Counter-Strike-Srouce Clan, der im April 2011 von den folgenden drei Mitgliedern gegründet wurde.</p>
<ul>
<li>Windassel</li>
<li>Santa Claus und</li>
<li>Skill_BoT</li>
</ul>
<p>
Unser Clan ist hauptsächlich darauf ausgelegt, dass wir de_Maps spielen. Dazu zählt vorallem de_dust2.
Zurzeit bestehen wir aus drei Mitgliedern, wobei die Anzahl unserer Member stetig steigt. Unser Ziel ist es, dass wir bei der ESL mitspielen können.
</p>
<h2>Wie könnt Ihr uns beitreten?</h2>
<p>Wie im richtigen Berufsleben ist es so, dass man eine Bewerbung an einen Betrieb schreiben muss, bevor man dort arbeiten kann. Natürlich ist das auch bei uns so, nur der Unterschied ist, dass wir kein Betrieb sondern ein Clan sind. Nichts desto trotz, würden wir dich bitten, deine Bewerbung in unser Forum zu posten, damit wir dich besser kennen lernen können, und darüber entscheiden werden, ob du aufgenommen wirst, oder nicht. Klick einfach hier.</p>
<h2>Unser(e) Server im Überblick</h2>
<p>***</p>
</div>
<!-- Fußzeile der Seite //-->
<div class="footer">
Erstellt von : xy | Ansprechpartner | zuletzt aktualisiert am:xx.xx.xxxx |
</div>
</body>
</html>
Ich habe bewusst die 3 Div-elemente gesetzt auch wenn man in diesem Fall im Footer auch ein p tag nehmen könnte. Jedoch kann der Footer durchaus komplexer werden.
Der Martin