Проблем с DropDown Menu

M

Maistorcheto

Registered
Добро утро, Колеги!
Нов съм в програмирането и имам проблем с едно dropdown меню, проблема е, че не мога да го накарам да бъде такова, може ли някой да ми помогне с кода.

[css]
header nav {
font-size: 15px;
text-align: center;
background: url(../img/footer-background.gif) #4e5259;
}
header nav ul {
margin: 0;
padding: 1.3em;
list-style-type: none;
}
header nav ul li {
display: inline;
margin-left: 1em;
}
header nav ul li:first-child {
margin-left: 0;
}
header nav ul li ul {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

header nav ul li ul a{
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

header nav ul li ul a:hover {background-color: #f1f1f1}


header nav ul li ul:hover header nav ul li ul {
display: block;
}

header nav ul li ul:hover header nav {
background-color: #3e8e41;[/css]
 
Може ли HTML частта на самото меню. Ползваш ли нещо като bootstrap и т.н.?
Също така погледни и тук .. може да ти е от помощ: http://www.w3schools.com/css/css_dropdowns.asp
http://www.w3schools.com/howto/howto_css_dropdown.asp
http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
 
И аз гледах от w3school, но нещо не ми се получи, да ползвам bootstrap, но интересното е, че когато съм с телефон имам дропдаун.
Ето това е HTML-a
HTML: 
<nav id="site-navigation" class="main-navigation" role="navigation">
			<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">Primary Menu</button>
			<div class="menu-menu-header-container"><ul id="primary-menu" class="menu"><li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item menu-item-24"><a href="#">Начало</a></li>
<li id="menu-item-22" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-22"><a href="#">За нас</a></li>
<li id="menu-item-20" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-20"><a href="#">Блог</a></li>
<li id="menu-item-23" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-23"><a href="#">Общи условия</a></li>
<li id="menu-item-21" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-21"><a href="#">За контакти</a>
<ul class="sub-menu">
	<li id="menu-item-25" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-25"><a href="#">Sample Page</a></li>
</ul>
</li>
</ul></div>		</nav>
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Горе