erstmal zum Test, bezüglich ob alles stimmt HTML,PHP und CSS mäßig. Außerdem würde ich mich freuen wenn ihr mal ein paar Screenshots rein stellt, wie die Website bei euch angezeigt wird. Hier mal die Website http://www.aiizo.deCode PHP
- Code: Alles auswählen
<!doctype html>
<html>
<head>
<title>Aiizo - Home</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
<meta name="content-language" content="de" />
<meta name="author" content="Christian Huml" />
<meta name="publisher" content="Christian Huml" />
<meta name="copyright" content="Christian Huml" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="page-topic" content="" />
<meta name="page-type" content="" />
<meta name="language" content="Deutsch" />
<meta name="revisit" content="After 7 days" />
<meta name="robots" content="INDEX,FOLLOW" />
</head>
<body>
<div id="head">
</div>
<ul id="navigation">
<li> <a href="index.php">Home</a> </li>
</ul>
<div id="inhalt">
<?php
echo "<p class=\"zeit\"</p>" . date ("d.m.Y H:i:s");
?>
<h3>Lorem ipsum</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
</div>
</body>
</html>
CSS Datei:
- Code: Alles auswählen
* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif, Verdana;
background: url(images/hintergrund.png);
}
/* Kopfbereich --------------------------------------------------------------------------*/
div#head {
margin-top:18px;
margin-left:18px;
margin-right:18px;
background: url(images/header.gif);
visibility: visible;
height: 130px;
}
/* Navigation ---------------------------------------------------------------------------*/
#navigation {
background: url(images/menu_1.png) repeat-x;
overflow: hidden;
margin-left:18px;
margin-right:18px;
}
#navigation li {
float: left;
list-style-type: none;
}
#navigation a:link, #navigation a:visited {
color: #fff;
display: block;
text-decoration: none;
font-size: 14px;
padding: 11px 15px 11px 15px;
}
#navigation a:hover, #navigation a:active {
color: #000;
background-color: #fff;
display: block;
text-decoration: none;
font-size: 14px;
padding: 11px 15px 11px 15px;
}
/* Inhalt ----------------------------------------------------------------------------*/
div#inhalt {
height:440px;
background: url(images/inhalt.png);
margin-left:18px;
margin-right:18px;
}
/* Absätze -------------------------------------------------------------------------*/
.zeit{
color:white;
font-size:14pt;
float:right;
clear:right;
}
h3 {
margin-left:23em;
padding-top:1.00em;
color:white;
}
p {
color:white;
margin-top:1em;
margin-bottom: 1.5em;
margin-left:1em;
margin-right:1em;
font-size:12pt;
}
Es kommt auf die Anzahl der Werte und die Position des Wertes an, auf was es sich bezieht .__.
