http://home.arcor.de/crackpod/weblog2
so das ist der Weblog auf Divs basierend....
Nur irgendwie bekomm ich das nicht hin(CSS & HTML Fähigkeiten von PHP Absorbiert ;P)
QC von der index.html:
Und von der stylesheet.css:
Und irgendwie schaut es total scheiße aus...
Würde mich über Hilfe sehr freuen
<--Greetz CrackPod-->
so das ist der Weblog auf Divs basierend....
Nur irgendwie bekomm ich das nicht hin(CSS & HTML Fähigkeiten von PHP Absorbiert ;P)
QC von der index.html:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="stylesheets/style.css">
<title>Weblog V2</title>
</head>
<body>
<div class="rahmen"></div>
<div id="content_area">
<div id="header"></div>
<div id="navi">
[url="#"][img]gfx/body/about.jpg[/img][/url][img]gfx/body/navi_slash.gif[/img][url="#"][img]gfx/body/home.jpg[/img][/url][img]gfx/body/navi_slash.gif[/img][url="#"][img]gfx/body/works.jpg[/img][/url][img]gfx/body/navi_slash.gif[/img][url="#"][img]gfx/body/guestbook.jpg[/img][/url]
</div>
<div>
<div class="content">
<div>Verfasst von: CrackPod</div>
<div class="datum">Datum</div>
<div class="main_content">Content</div>
<div class="betreff">Betreff</div>
<br style="clear:both;">
<div>Quellen: Keine</div>
</div>
</div>
<div id="impressum">
[url="#"]Impressum[/url] | [url="#"]Kontakt[/url] | [url="#"]Administration[/url]
© by Tobias (CrackPod) Höbel all rights reserved
</div>
<div id="footer"></div>
</div>
<div class="rahmen2"></div>
</body>
</html>
Code:
body {
background-color:#FFFFFF;
color:#000000;
font-family:tahoma, arial, monospace;
font-size:11px;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:center;
}
table {
border:0px none #000000;
height:100%;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
}
img {
border:0px none #000000;
}
a {
color:#000000;
text-decoration:underline;
}
a:hover {
color:#000000;
text-decoration:underline overline;
}
.rahmen {
background-color:#660000;
background-image:url(../gfx/body/scaline.gif);
border-bottom:1px solid #000000;
float:left;
height:100%;
width:auto;
}
.rahmen2 {
background-color:#660000;
background-image:url(../gfx/body/scaline.gif);
border-bottom:1px solid #000000;
float:right;
height:100%;
width:auto;
}
#content_area {
border-left:1px solid #000000;
border-right:1px solid #000000;
float:left;
height:100%;
text-align:center;
width:696px;
}
#header {
background-image:url(../gfx/body/header.jpg);
width:696px;
height:117px;
background-repeat:no-repeat;
}
#navi {
background-color:#B53E3E;
border-bottom:1px solid #000000;
width:696px;
height:40px;
}
.content {
background-color:#840000;
border:1px solid #000000;
margin:5px auto 5px auto;
text-align:center;
width:680px;
}
.main_content {
background-color:#960000;
border:1px solid #000000;
float:left;
padding:2px 2px 2px 2px;
text-align:left;
width:600px;
}
.datum {
float:left;
width:40px;
}
.betreff {
float:right;
width:40px;
}
#impressum {
background-color:#B53E3E;
border-top:1px solid #000000;
width:696px;
height:30px;
}
#footer {
background-image:url(../gfx/body/footer.jpg);
background-repeat:no-repeat;
border-bottom:1px solid #000000;
height:33px;
width:696px;
}
Und irgendwie schaut es total scheiße aus...
Würde mich über Hilfe sehr freuen
<--Greetz CrackPod-->