Jak z tego zrobić rozwijane menu?
Prześledziłem masę poradników i innych tematów, ale nie daje rady :(
Poniżej wstawiam moje menu:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>xxx</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<ul id="navigation">
<li class="selected">
<a href="index.html">Strona Główna</a>
</li>
<li>
<a href="wiadomosci.html">Wiadomości</a>
</li>
<li>
<a href="galeria.html">Galeria</a>
</li>
<li>
<a href="sluzba.html">Służba</a>
</li>
<li>
<a href="trasa.html">Trasa</a>
</li>
<li>
<a href="kontakt.html">Kontakt</a>
</li>
</ul>
</div>
</div>
</body>
</html>
i tutaj css
/** Navigation **/
#navigation {
display: inline-block;
line-height: 80px;
list-style: none;
margin: 0;
padding: 0;
*width: 345px; /** Needed for IE7 **/
}
#navigation li {
float: left;
margin: 0 15px;
}
#navigation li:first-child {
margin-left: 0;
}
#navigation li a {
color: #000000;
font-family: "Oswald";
font-size: 14px;
padding: 15px 0;
text-decoration: none;
text-transform: uppercase;
}
#navigation li a:hover, #navigation li.selected a {
color: #ffc947;
}
Z góry dziękuje za pomoc :)
dodanie znaczników <code class="html"> i <code class="css">
- @furious programming