Dropdown CSS -Menü funktioniert nicht

Question

Ich habe schon eine Weile an diesem Dropdown -Menü gearbeitet und entschieden, dass ich es nicht alleine tun kann. Ich habe viele Lösungen gegoogelt und ein paar YouTube -Tutorials für CSS -Dropdown -Menüs gesehen, aber irgendwie arbeiten sie immer für die fragliche Person, aber nicht für mich. Hoffentlich kannst du mir helfen.

Frühere Probleme mit anderen Code waren Thins wie Text, die nach unten drückten oder andere Dinge fehlten. Dies ist das letzte Video, das ich ausprobiert habe: http://www.youtube.com/watch?v=_mdjwpzzkt8Das Problem bei diesem ist, dass mein U -Boot -Menü überhaupt nicht mehr angezeigt wird. Hier hörte ich an und entschied, dass ich Hilfe brauche.

Hoffentlich können Sie mit meinem Code helfen!

Der CSS -Code, den ich jetzt habe:

#topnav         { z-index:3;
                    padding-top:76px; }

#topnav ul li       { list-style-type:none; 
                    display:inline;
                    float:right;
                    }


#topnav ul li a     { font-family:Arial, Helvetica, sans-serif;
                        font-size:13px;
                        font-weight:bold;
                        text-decoration:none;
                        padding-left:15px;
                        }

#topnav ul li a:link        { color:#00aeef; }
#topnav ul li a:visited     { color:#00aeef; }
#topnav ul li a:active      { color:#f26532; }
#topnav ul li a:hover       { color:#f26532; }
#topnav ul li a:focus       { color:#f26532; }

#topnav li ul           { position:absolute;
                                left:-999em;
                                list-style-type:none;
                                }

#topnav li ul li            { border-top:0px;
                                clear:both;}

#topnav li:hoover ul        { left:auto; }

Der HTML -Code, den ich jetzt habe:

<div id="topnav">
                <ul>
                    <li><a href="contact.html">CONTACT</a></li>
                    <li><a href="blog.html">BLOG</a></li>
                    <li><a href="over ons.html">OVER ONS</a></li>
                    <li><a href="gedragsbeinvloeding.html">GEDRAGSBEINVLOEDING</a></li>
                    <li><a href="onze diensten.html">ONZE DIENSTEN</a>
                        <ul>
                            <li><a href="onderzoek.html">ONDERZOEK</a></li>
                            <li><a href="advies.html">ADVIES</a></li>
                            <li><a href="lezingen.html">LEZINGEN</a></li>
                        </ul>                       
                    </li>
                    <li><a href="index.html">HOME</a></li>
                </ul>
            </div>

Answer 1

Du hast li:hoover. Das sollte sein li:hover

http://jsfiddle.net/68zkk/