Это мой HTML5 для навигационной панели. Однако подменю не будет скрываться, и меню не будет отображаться горизонтально. Главная, американская и иностранная, а также варианты и скорость, удобство и цена - это подменю. Однако Foriegn показывает ниже, а не рядом с американцем. Заранее спасибо.HTML 5 меню навигации
<nav>
<ul class="topmenu">
<li> <a href="index.html">Home</a></li>
<li><a href="american.html">American</a></li>
<ul class="submenu">
<li> <a href="index.html">Speed</a></li>
<li> <a href="index.html">Price</a></li>
<li> <a href="index.html">Usability</a></li>
</ul>
<li><a href="foreign.html">Foreign</a></li>
<ul class="submenu">
<li> <a href="index.html">Speed</a></li>
<li> <a href="index.html">Price</a></li>
<li> <a href="index.html">Usability</a></li>
</ul>
</ul>
</nav>
CSS
nav{
position: relative;
background-color: #00baff;
width: 50%;
margin-left: auto;
margin-right: auto;
}
.topmenu li{
position: relative;
list-style-type: none;
font-size: 20px;
display: inline-block;
margin-right: 30px;
color: white;
}
.topmenu li a{
padding: 5px;
}
.topmenu a:link{
text-decoration: none;
color: #ffffff;
}
.topmenu a:visited{
text-decoration: none;
color: white;
}
.topmenu a:hover{
background-color: #ffffff;
}
.topmenu li .submenu li{
display: none;
list-style-type: none;
}
.topmenu li:hover .submenu li{
display: block;
position: relative;
}
Спасибо за вашу помощь LJ, Unfortunetly, у него не было никаких изменений – user3101331
Есть ли способ, вы можете разместить скриншот? А также, когда вы говорите, что не идет горизонтально, говорите о подменю или главном меню или обоим? – Ljubisa
ОК, вот ссылка на интерактивную страницу редактирования html и css. http://jsfiddle.net/GKwKt/ – user3101331