DropDown Menü

[duti]

Hi Leute,,
Ich wollte ein DropDown menü erstellen und komm einfach nicht weiter..

ich hab eine navigation aus links.. seht ihr auch beim beispiel..
nur ich hab durch tuts das versucht aber leider funktioniert bei mir garnichts..
zwas kommen die links wenn ich kein visibility:none; drin hab aber alle nebeneinander.. obwohl ich denen ja alles angegeben habe im CSS

was mach ich den da falsch??
geht das nicht weil ich im css .sitemap an statt #buttons machen muss??
aber mit .sitemap verschiebt sich auch alles..

                                    <div id="buttons">
                        <ul>
                                <li><a class="home" href="index.php?content=home"></a></li>
                                
                                <li><a class="überuns" href="index.php?content=ueberuns"></a></li>

                                <li><a class="sitemap" href="index.php?content=sitemap"></a>
                                    <ul>
                                        <li><a href="#">Link1</li>
                                        <li><a href="#">Link1</li>
                                        <li><a href="#">Link1</li>
                                        <li><a href="#">Link1</li>
                                        <li><a href="#">Link1</li>
                                    </ul>
                                </li>
                                <li><a class="impressum" href="index.php?content=impressum"></a></li>
                                
                                <li><a class="werben" href="index.php?content=werben"></a></li>
                                
                                <li><a class="kontakt" href="index.php?content=kontakt"></a></li>
                    
                                <li><a class="neben" ></a></li>
                        </ul>
                        </div>
            
            
            </div>

und Css

#buttons ul ul{
margin:0;
padding:0;
line-height:30px;
position:absolute;
visibility:hidden;
}

#buttons ul ul li:hover{
visibility:visible;
}

#buttons ul ul li{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
}

#buttons ul ul li a{
font:arial;
text-decoration:none;
text-align:center;
width:131;
height:auto;
display:block;
}

ich danke euch für eure hilfe seit die besten!!!!!

mfg duti

 

[threadi]

Fällt dir hier am HTML-Code nichts auf?

<li><a href="#">Link1</li>

 

[duti]

bis auf # nichts.. aber hab da selber nichts angegeben weil ich das testen wollte mit dropdown..
wenn du das meinst ^^ :) wahrscheinlich nicht

edit: hahahahaha lol doch habs hahaha omg.. <a blabla ></a>

dankeee omg.. peinlich haha

edit2: leider geht das ganze aber auch noch nicht..
irgendwo hab ich wahrscheinlich was vergessen...
oder falsch angegeben..

ich seh es einfach nicht..

 

[threadi]

Das die Untermenüs untereinander kommen sollte hieran liegen:

#buttons ul ul li{
margin:0;
padding:0;
list-style:none;
float:left;
position:relative;
}

Ändere das zu

#buttons ul ul li{
margin:0;
padding:0;
list-style:none;
position:relative;
}

Ideal wäre es, wenn Du es jedoch komplett kürzt. Relative Positionierung ist hier unnötig, auch die Außen- und Innenabstände solltest Du global leeren.

* { margin: 0;padding: 0; }