Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
下拉css菜单不工作_Css_Drop Down Menu_Menu_Navigation - Fatal编程技术网

下拉css菜单不工作

下拉css菜单不工作,css,drop-down-menu,menu,navigation,Css,Drop Down Menu,Menu,Navigation,我一直在做这个下拉菜单的事情有一段时间了,现在我决定我不能自己做。 我在谷歌上搜索了许多解决方案,并在youtube上看到了一些css下拉菜单的教程,但不知何故,它们总是对有问题的人有用,但对我来说却不行。 希望你能帮助我 以前其他代码的问题是文本向下推或其他东西移位。 这是我最后一次尝试的视频: 这一个的问题是我的子菜单不再显示了。 这就是我停下来决定需要帮助的地方 希望你能帮助我的代码 我现在拥有的css代码: #topnav { z-index:3;

我一直在做这个下拉菜单的事情有一段时间了,现在我决定我不能自己做。 我在谷歌上搜索了许多解决方案,并在youtube上看到了一些css下拉菜单的教程,但不知何故,它们总是对有问题的人有用,但对我来说却不行。 希望你能帮助我

以前其他代码的问题是文本向下推或其他东西移位。 这是我最后一次尝试的视频: 这一个的问题是我的子菜单不再显示了。 这就是我停下来决定需要帮助的地方

希望你能帮助我的代码

我现在拥有的css代码:

#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; }
我现在拥有的html代码:

<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>


你有
li:hoover
。这应该是
li:hover


哦,天哪!真蠢!非常感谢你!现在可以了!现在我只需要找到链接的中心,但我想我在搜索中看到了一个问题:)太好了,谢谢!