Peter Klein
Erfahrenes Mitglied
Bin je wie ich in nem anderen Thread schongesagt habe dabei ich mit DIV`s am auseinander setzen.
Würd jetzt gerne mal wissen ob ich das so weit richtig gemacht habe.Wäre nett wenn einer von euch mal drüber schaut und mir sagt ob man es so lassen kann oder was verbessert werden muss. Hänge mal meinen Code an. Ist noch nicht ganz komplett.
Code:
CSS:
Wäre euch dankbar für positive und negative Kritik.
Peter
Würd jetzt gerne mal wissen ob ich das so weit richtig gemacht habe.Wäre nett wenn einer von euch mal drüber schaut und mir sagt ob man es so lassen kann oder was verbessert werden muss. Hänge mal meinen Code an. Ist noch nicht ganz komplett.
Code:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>www.hagbard666.de</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
body {
background-color: #C3CFDD;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #C3CFDD;
}
a:active {
text-decoration: none;
color: #000000;
}
-->
</style></head>
<body>
<div id="header"></div>
<div id="navioben"> <span class="schriftdünn">Home</span><span class="schriftfett"> | <a href="tutorials.php">Tutorials</a> | <a href="scripte.php">Scripte</a> | <a href="forum.php">Forum</a> | <a href="gaestebuch.php">Gästebuch</a> | <a href="kontakt.php">Kontakt</a> | <a href="impressum.php">Impressum</a> </span></div>
<div id="besucher">
<div align="right">
<p align="right">
<?php include('counter.inc.php'); ?>
<span class="schriftfett"><br>
Alle User:
<?=$pcounter['counter']?>
<br />
Gerade Online:
<?=$pcounter['online']?>
<br />
Gestern Online:
<?=$pcounter['yesterday']?>
<br />
Heute Online:
<?=$pcounter['today']?>
</span></p>
</div>
</div>
<div id="news">
<div align="center" class="schriftdünn">
<p> </p>
<p>Hier kommen in Zukunft die News rein
</div>
<p> </p>
</div>
<div id="inhalt">
<p><span class="schriftdünn"><br>
</span></p>
</div>
<div id="navrechts"></div>
</body>
</html>CSS:
HTML:
#header {
background-color: #EBEBEB;
border: 1px solid #000000;
position: absolute;
left: 15px;
top: 15px;
height: 120px;
width: 872px;
background-image: url(header.gif);
}
#navioben {
background-color: #EBEBEB;
border: 1px solid #000000;
position: absolute;
height: 20px;
width: 980px;
left: 15px;
top: 138px;
}
#besucher {
border: 1px solid #000000;
position: absolute;
height: 120px;
width: 105px;
left: 890px;
top: 15px;
background-color: #EBEBEB;
}
.schriftfett {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000000;
}
.schriftdünn {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #000000;
}
#news {
border: 1px solid #000000;
position: absolute;
height: 200px;
width: 120px;
left: 15px;
top: 161px;
background-color: #EBEBEB;
}
#tutnavi {
background-color: #EBEBEB;
border: 1px solid #000000;
position: absolute;
height: 20px;
width: 857px;
left: 138px;
top: 161px;
}
#impres {
background-color: #EBEBEB;
border: 1px solid #000000;
position: absolute;
height: 900px;
width: 857px;
left: 138px;
top: 161px;
}
#kontakt {
background-color: #EBEBEB;
border: 1px solid #000000;
position: absolute;
height: 400px;
width: 857px;
left: 138px;
top: 161px;
}
#inhalt {
background-color: #EBEBEB;
border: 1px solid #000000;
position: absolute;
min-height: 85px;
_height: 85px;
width: 749px;
left: 138px;
top: 161px;
}
#navrechts {
border: 1px solid #000000;
position: absolute;
height: 350px;
width: 105px;
left: 890px;
top: 161px;
background-color: #EBEBEB;
}Wäre euch dankbar für positive und negative Kritik.
Peter
