PHP-Code:
<html>
<head>
<title>Seitentitel</title>
<link rel='stylesheet' type='text/css' href='style.css' media='screen'>
<style type='text/css'>
body { background: #333; color: #fff; }
#header { width: 600px; height: 150px; margin: auto; background: #ff0; color: #000; }
#menubar { width: 600px; background: #f80; margin: 5px auto; }
#menubar ul { list-style-type: none; margin: 0; padding: 0; }
#menubar ul li { padding: 5px 9px; background: #800; float: left; }
#menubar ul li:hover { background: #a30; float: left; }
#content { width: 900px; margin: auto; background: #f0f; }
#content #box { float: left; background-color: #fff; color: #000; }
</style>
</head>
<body>
<div id='header'>
<img src='images/banner.jpg' alt='Banner'>
</div>
<div id='menubar'>
<ul>
<li>Menüpunkt</li>
<li>Menüpunkt</li>
</ul>
<div style='clear: both;'></div>
</div>
<div id='content'>
<div id='box' style='width: 150px;'>
<div style='padding: 5px;'>
Inhalt LINKS
</div>
</div>
<div id='box' style='width: 600px;'>
<div style='padding: 5px;'>
Inhalt MITTE
</div>
</div>
<div id='box' style='width: 150px;'>
<div style='padding: 5px;'>
Inhalt RECHTS
</div>
</div>
<div style='clear: both;'></div>
</div>
</body>
</html>
Kopiere dir das in eine beliebige HTML-Datei und starte sie im Browser. Ist noch nicht ausgereift, aber das Layout stimmt.
Ich war mir nicht sicher, ob die abgerundeten Ecken sein sollten, deshalb habe ich sie rausgelassen. Wenn die noch gebraucht werden, in den entsprehcenden Kategorien die Eigenschaften
PHP-Code:
-moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px;
eintragen.
#edit
sorry, nicht aufs Datum geschaut :x
[Frage] Wie würdet ihr eine Homepage in der Art erstellen?
Linear-Darstellung
