Hallo Leute.
ich habe eine HTML Navigation gegooglet und die wird nicht IM Hintergund angezeigt. Siehe Screen. [Blockierte Grafik: http://www.bilder-upload.eu/upload/6ed572-1357999783.png]
HTML Code.
[HTML] <ul id="menu">
<li><a href="#" title="Home">Home</a></li>
<li><a href="#" title="Angebote">Angebote</a>
<ul>
<li><a href="#" title="Angebot 1">Angebot 1</a></li>
<li><a href="#" title="Angebot 2">Angebot 2</a></li>
<li><a href="#" title="Angebot 3">Angebot 3</a></li>
<li><a href="#" title="Angebot 4">Angebot 4</a></li>
<li><a href="#" title="Angebot 5">Angebot 5</a></li>
</ul>
</li>
<li><a href="#" title="Support Pakete">Support Pakete</a>
<ul>
<li><a href="#" title="Paket 1">Paket 1</a></li>
<li><a href="#" title="Paket 2">Paket 2</a></li>
<li><a href="#" title="Paket 3">Paket 3</a></li>
<li><a href="#" title="Paket 4">Paket 4</a></li>
<li><a href="#" title="Paket 5">Paket 5</a></li>
</ul>
</li>
<li><a href="#" title="">Kontakt</a></li>
<li><a href="#" title="">Impressum</a></li>
</ul>[/HTML]
CSS Code:
body {
font-family:arial;
font-size:12px;
}
div {
cursor:default;
}
#menu a {
text-decoration:none;
color: #ffffff;
}
#menu ul {
margin: 0px;
padding:0px;
list-style-type:none;
}
#menu li {
float:left;
width:90px;
text-align:center;
}
#menu li ul{
display:none;
padding-top:3px;
}
#menu li:hover ul {
display:block;
}
#menu li ul li {
background-color:#2F2D49;
border-bottom:1px solid #FFFFFF;
}
#menu li ul li a{
color:#FFFFFF;
}
#menu li ul li:hover {
background-color:#232323;
}
#menu p {
text-align: center;
margin-right: 640px;
}
Alles anzeigen
zudem habe ich noch das Problem wenn des Submenu reus kommt verschiebt die ganze homepage nach unten. dass möchte ich gerne weg haben. Screen: [Blockierte Grafik: http://www.bilder-upload.eu/upload/86c8dc-1357999987.png]