Navigation... Darstellungsfehler
Hallo Leute,
ich habe ein Problem mit der horizontalen Navigation, die unter meinem Headerbild sein soll.
Ich habe eine Kopfzeile erstellt, die genauso hoch ist wie die Höhe von Header und Navi darunter sein soll.
In der kam ein Modul "Headerbild" (wie im Besipiel Music Academy) und danach ein Nav-Modul (ebenfalls wieder eigenes HTML) das darunter liegen soll.
Dieses hat folgenden Code:
HTML-Code:
<style>
#menu {
width:1024px;
}
#menu ul {
margin: 0;
padding: 0px 0px 0px 350px;
list-style: none;
}
#menu li {
float: left;
display: inline;
}
#menu a {
height: 40px;
margin: 0;
padding: 40px 10px 0 10px;
text-decoration: none;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .aktiv a {
color: #98B9C8;
}
</style>
<div id="menu">
<ul id="main">
<li class="aktiv"><a href="index.html">Welcome</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="about.html">About </a></li>
<li><a href="portfolio.html">Portfolio </a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
Jetzt funktioniert dies halt nicht so genau wie ich das möchte. Ich habe einen schwarzen Balken, der da nicht da sein sollte.
Weiß einer wo der herkommen könnte?
Hier der Link zur Seite:
http://web105.server34.campusspeiche...tartseite.html
Edit:
Habe der Einfachkeit halber nachträglich den Navigationsbereich rot gefärbt,m damit ihr seht wo mein problem liegt... Das Rot muss ein paar Pixel weiter nach oben. Die Abmessungen der einzelnen Grafiken stimmen, daher bin ich ja so ratlos...?
Liebe Grüße und Danke
frischmilch
