So, kompletter Neuanfang, Diskussion wurde gelöscht.
Hier wird der Grundaufbau erarbeitet.
-----------------------
Der aktuelle Code:
----------------------
Eine Liveansicht gibt es hier:
Hier wird der Grundaufbau erarbeitet.
-----------------------
Der aktuelle Code:
PHP:
<!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" xml:lang="en" lang="de">
<head>
<title>Webproject - Best of Best Website</title>
<style type="text/css"> /* Angabe des MIME-Typ für CSS */
#rap {
width: 760px;
}
#header {
width: 750px; /* Breite des Containers */
height: 100px; /* Höhe des Containers */
font-family: sans-serif;
border: 1px solid black;
margin-bottom: 3px;
}
#navigation_1 {
width: 750px;
height: 20px;
color: #000000; /* Definition der Schriftfarbe. Hier: weiß */
font-size: 10pt; /* Definition der Schriftgröße */
font-family: sans-serif; /* Schriftart (Arial, usw.) */
text-align: left; /* Ausrichtung des Inhalts: links */
border: 1px solid black;
margin-bottom: 3px;
}
#navigation_2 {
width: 150px;
height: 350px;
color: #000000;
font-size: 12pt;
font-family: sans-serif;
text-align: left;
float: left; /* Container ist linksbünding, andere Elemente fließen um ihn herum */
border: 1px solid black;
margin-right: 3px;
margin-bottom: 3px;
}
#content {
background-color: #000000; /* Hintergrundfarbe. Hier: schwarz */
width: 595px;
min-height: 350px;
color: #FFFFFF;
font-size: 12pt;
font-family: sans-serif;
text-align: left;
float: left;
border: 1px solid black;
margin-bottom: 3px;
}
/* für Internet Explorer */
/*\*/
* html #content {
height: 350px;
}
/* Ende IE-Fix */
#footer {
width: 750px;
height: 20px;
font-size: 10pt;
font-family: sans-serif;
text-align: center;
float: left;
border: 1px solid black;
}
</style>
<meta name="keywords" content="Dont's Dos Webseite Referenz PSD-Tutorials" />
<meta name="description" content="Best of Best Webseite. Dont's and Do's. Umsetzen auf der eigenen Referenzseite." />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div id="rap">
<div id="header">test</div>
<div id="navigation_1">navi1</div>
<div id="navigation_2">navi2</div>
<div id="content">content</div>
<div id="footer">footer</div>
</div>
</body>
</html>
----------------------
Eine Liveansicht gibt es hier:
Zuletzt bearbeitet von einem Moderator: