HTML Fehler... :8 HILFE!

01/12/2013 15:13 Teex¾#1
Hallo Leute. :D

ich habe eine HTML Navigation gegooglet und die wird nicht IM Hintergund angezeigt. Siehe Screen. [Only registered and activated users can see links. Click Here To Register...]

HTML Code.
HTML Code:
	    <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>
CSS Code:
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;
}
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: [Only registered and activated users can see links. Click Here To Register...]
01/12/2013 15:27 Huperis#2
Soweit ich das sehe, hast du dein Menü ja gar nicht per CSS positioniert.. ist das Menü denn in nem div-Container oder ist das einzeln?
01/12/2013 19:30 MrPuschel#3
Code:
#menu li:hover ul {
   [B]position:absolute;
    top:0px;
    left:0px;[/B]
    display:block;
}
#menu li {
    [B]display:inline-block;[/B]
    [B]position:relative;[/B]
    width:90px;
    text-align:center;
}
Poste mal den Link zur Seite. Du hast mit Sicherheit einen anderen Fehler der dieses Verhalten verursacht. Das neue CSS arbeitet nur darum herum.

Ansonsten sei dir das hier ans Herz gelegt:[Only registered and activated users can see links. Click Here To Register...]