당신은 가지고 있습니다 li:hoover
. 이것은해야합니다 li:hover
CSS 메뉴가 작동하지 않습니다
-
25-08-2022 - |
문제
나는이 드롭 다운 메뉴를 잠시 동안 일하고 있었고 스스로 할 수 없다고 결정했습니다. 나는 많은 솔루션을 검색하고 CSS를위한 YouTube 자습서 몇 개를 보았지만 어떻게 든 항상 문제의 사람을 위해 일하지만 나에게는 그렇지 않습니다. 잘만되면 당신은 나를 도울 수 있습니다.
다른 코드의 이전 문제는 텍스트를 밀어내는 것과 같은 것과 같은 것입니다. 이것은 내가 시도한 마지막 비디오입니다. http://www.youtube.com/watch?v=_mdjwpzzkt8이것의 문제는 내 하위 메뉴가 더 이상 표시되지 않는다는 것입니다. 여기서 내가 멈추고 도움이 필요하다고 결정했습니다.
바라건대 당신은 내 코드를 도울 수 있기를 바랍니다!
내가 지금 가지고있는 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 코드 I가 있습니다.
<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>
해결책
제휴하지 않습니다 StackOverflow