Problem z rozwijanym menu POMOCY

pytanie zadane 23 czerwca 2017 w HTML i CSS przez atiro01 Bywalec (2,390 p.)

Po kliknięciu

HTML
 <div class="nav">
        <ol>
            <li><a class="menu active" href="index.html" id="pulkole2">Strona główna
            <i class="icon-home"></i></a>
                <ul>
                        <li><a href="#">Test1</a></li>
						<li><a href="#">Test1</a></li>
						<li><a href="#">Test1</a></li>
						<li><a href="#">Test1</a></li>
                </ul>
            
            </li>
            
            <li><a class="menu" href="" >Zasady pisowni
            <i class="icon-down-open-big"></i></a>
            <ul>
                <li><a href="#">test2</a></li>
						<li><a href="#">test2</a></li>
						<li><a href="#">test2</a></li>
						<li><a href="#">test2</a></li>
                
            </ul>
            
            
            </li>
            <li><a class"menu" href="">Dyktanda
            <i class="icon-book-open"></i></a></li>
            <li><a class"menu" Href="" id="pulkole">Kontakt
            <i class="icon-phone"></i></a></li>
        </ol>   
        </div>


CSS

.nav a {
    display: block;
    width: 25%;
    float: left;
    color: white;
    text-align: center;
    text-decoration: none;
    background-color: cadetblue;
    padding: 15px 30px;
    font-size: 20px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    
}

.nav a:hover {
    background-color:skyblue;
    cursor: pointer;
}
ol
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 18px;
	height: 35px;
	line-height: 200%;
	display: inline-block;
}

ol a
{
	
	text-decoration: none;
	display: block;
}

ol > li
{
	
	width: 1000px;
	
	border-right: 1px dashed #751b1b;
}





ol > li > ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 40px;
	display: none;
}

ol > li:hover > ul
{
	display: list-item;
}

Chciałbym by meni otwierało się nadu

Z góry dziękuje za pomoc

komentarz 23 czerwca 2017 przez Jedras Maniak (54,860 p.)

<li><a class"menu" href="">

brakuje "="

komentarz 23 czerwca 2017 przez atiro01 Bywalec (2,390 p.)

dalej tak samo

1 odpowiedź

odpowiedź 24 czerwca 2017 przez Mifau Gaduła (4,220 p.)
wybrane 24 czerwca 2017 przez atiro01

Najlepsza

Posłużyłem się przykładem z internetu i przerobiłem go do twoich potrzeb: jsfiddle.net

Dużo błędów zawierał twój kod i nie chciałem go edytować. Sprawdź na przyszłość zastosowanie listy <ol> oraz zmiany jakie wprowadza HTML5 (mi.n. <nav>). Trzymaj się jednego standardu zapisu kolorów, jak stosujesz zapis heksadecymalny (#FFFFFF) to wszędzie w CSS takiego używaj.

Oryginalne źródło przykładu: codepen.io