Irgednwie scheint der ul Element Selektor bei meiner Navi nicht zu greifen.
Hier sieht man es:
http://www.nicolas-pecher.com/
Die Navigation befindet sich in der Datei navigation.htm:
<ul id="navioben">
<li><a href="index.php" title="Home">Home</a></li>
<li><a href="uebermich.php" title="Über mich">Über mich</a></li>
<li><a href="htmltutorial.php" title="Tutorials">HTML-Tutorial</a></li>
<li><a href="gaestebuch.php" title="Gästebuch">Gästebuch</a></li>
<li><a href="impressum.php" title="Impressum">Impressum</a></li>
</ul>
Die binde ich in jede Seite hinein, z.B. hier auf der index.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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Home</title>
<link rel="stylesheet" type="text/css" href="design.css" />
</head>
<body>
<div id="container"><!--DIV CONTAINER BEGINN-->
<div id="header"><!--header beginn-->
<?php
//---Navigation wird eingebunden
include_once("navigation.htm");
?>
</div><!--header ende-->
<h1>Willkommen auf meiner Homepage!</h1>
<p>Ich habe bereits viel Zeit in diese Homepage gesteckt. Ich versuche sie möglichst professionell zu gestalten. Ich hoffe sie hinterlässt einen guten Eindruck bei Euch.</p>
<p>Ich arbeite derzeit an einem HTML (Hypertext Markup Language) Tutorial. Sobald es fertig gestell ist, werde ich es auf meiner Homepage unter dem Menüpunkt "Tutorial" präsentieren.</p>
<p>Wenn Ihr Lust habt, könnt Ihr mir gerne einen Eintrag im Gästebuch hinterlassen - ich würde mich über Euer Feedback freuen!</p>
</div><!--DIV CONTAINER ENDE-->
</body>
</html>
Hier das CSS für die Navigation:
/* NAVIGATION OBEN - FORMATIERUNG */
ul {
margin: 0px;
padding: 0px;
}
#navioben {
margin: 0px;
padding: 0px;
width: 1000px;
}
#navioben li {
margin: 0px;
padding-top: 230px;
list-style: none;
float: left;
text-align: center;
}
#navioben a {
color: #7E7E7E;
width: 200px;
height: 40px;
font-weight: bold;
text-decoration: none;
line-height: 40px;
display: block;
}
#navioben a:hover {
color: #00C400;
background: url('but1_hover.jpg');
}
Am CSS dürfte es eigentlich nicht liegen, da die Navigation ganz normal aussieht, wenn ich sie nicht mit PHP in ein Dokument einbinde. Hier zB arbeite ich ohne include und die Navi passt: http://www.nicolas-pecher.com/test.htm
Anfangs hatte ich das selbe Problem, #navioben hab ich margin 0 und padding 0 gegeben. Der auto. Abstand des ul menüs verschwand aber nicht. Daher hab ich noch folgendes hinzugefügt:
ul {
margin: 0px;
padding: 0px;
}
Danach hat es funktioniert.
Doch jetzt hab ein paar Änderungen vorgenommen und plötzlich haut er mir die Navi wieder runter
Woran liegt das?
Grüße,
Nico
