hallo,
ich bin gerade dabei, eine neue webseite zu erstellen. um die seite schneller laden zu können, habe ich meine ersten versuche mit php und include gemacht... funktioniert aber leider nicht so, wie ich mir das vorgestellt habe
ich habe mich an einem tutoriel hier auf psd orientiert.
wenn mir jemand einen hinweis oder sogar den fehler aufzeigen könnte, wäre ich sehr dankbar
hier mal der code meine seite:
ich bin gerade dabei, eine neue webseite zu erstellen. um die seite schneller laden zu können, habe ich meine ersten versuche mit php und include gemacht... funktioniert aber leider nicht so, wie ich mir das vorgestellt habe
ich habe mich an einem tutoriel hier auf psd orientiert.
wenn mir jemand einen hinweis oder sogar den fehler aufzeigen könnte, wäre ich sehr dankbar
hier mal der code meine seite:
HTML:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
color: #000000; background-color: #FFFFFF;
font-size: 100.01%;
font-family: Helvetica,Arial,sans-serif;
margin: 0; padding: 1em 0;
text-align: center; /* Zentrierung im Internet Explorer */
}
div#Seite {
text-align: left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
width: 760px;
padding: 0;
background: #7B7776 url(hintergrund.gif) repeat-y;
border: 2px ridge #000000;
}
div#Navigation {
float:left
}
h2 {
font-size: 1.2em;
margin: 0.2em 0;
color: #FFFFFF;
}
h1 {
font-size: 1.5em;
margin: 0; padding: 0.3em;
text-align: center;
background: #FFFFFF url(../../../src/logo.gif) no-repeat 100% 45%;
border-bottom: 1px solid #000000;
}
div#Inhalt {
margin: 0 0 1em 220px;
padding: 0 1em;
}
* html div#Inhalt {
height: 1em; /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
margin-bottom: 0;
}
div#Inhalt p {
font-size: 1em;
margin: 1em 0;
}
div#Fusszeile {
clear: both;
font-size: 0.83em;
margin: 0; padding: 0.1em;
text-align: center;
background-color: #FFFFFF;
border-top: 1px solid #000000;
}
</style>
</head>
<body style="background-image:url(bg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:bottom right">
<div id="Seite">
<h1><img src="logo.jpg" width="750" height="300" border="0" alt=""></h1>
<div id="Navigation">
<h3>Menü</h3>
<ul id="MenuBar1" class="MenuBarVertical">
<li><a class="MenuBarItemSubmenu" href="index.php?seite=standardseite">Startseite</a>
<ul>
<li><a href="#">Element 1.1</a></li>
<li><a href="#">Element 1.2</a></li>
<li><a href="#">Element 1.3</a></li>
</ul>
</li>
<li><a href="#">Element 2</a></li>
<li><a class="MenuBarItemSubmenu" href="#">Element 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Element 3.1</a>
<ul>
<li><a href="#">Element 3.1.1</a></li>
<li><a href="#">Element 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Element 3.2</a></li>
<li><a href="#">Element 3.3</a></li>
</ul>
</li>
<li><a href="#">Element 4</a></li>
</ul>
</div>
<div id="Inhalt">
<?php$seite = (isset($_GET['seite']))? $_GET['seite'] :
'';switch ($seite) {default :
case "standardseite" :include("inhalt1.html");break;
case "seite2" :include("datei2.php");break;
case "seite3" :include("datei3.php");break;
}?>
</div>
<div id="Fußzeile">Hier kann der Link zu Impressum, Kontaktformular, AGB, ... erscheinen</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>