mam zrobione menu nawigacyjne w css. Przy najechaniu na button zmienia nam się kolor czcionki oraz tło. Nie do końca mnie to urządza. Chciałbym aby otwarta zakładka była "aktywna" tzn. po wybraniu interesującego nas buttona, przeładowywuje stronę i pozostawia nam aktywny button informując nas w jakiej jesteśmy zakładce. W chwili obecnej jest tak, że po przeładowaniu wszystkie buttony nadal pozostają takie same.
Kod menu
Kod
<body>
<div id="main">
<div id="header">
</div>
<div id="navigation">
<div class="margines_l">
</div>
<ul>
<li><a href="start.html">START</a></li>
<li><a href="oferta.html">OFERTA</a></li>
<li><a href="galeria.html">GALERIA</a></li>
<li><a href="kontakt.html">KONTAKT</a></li>
<li><a href="linki.html">LINKI</a></li>
</ul>
<div class="margines_p">
</div>
<div id="main">
<div id="header">
</div>
<div id="navigation">
<div class="margines_l">
</div>
<ul>
<li><a href="start.html">START</a></li>
<li><a href="oferta.html">OFERTA</a></li>
<li><a href="galeria.html">GALERIA</a></li>
<li><a href="kontakt.html">KONTAKT</a></li>
<li><a href="linki.html">LINKI</a></li>
</ul>
<div class="margines_p">
</div>
kod nawigacji
Kod
/* Naglówek */
#header {
height:242px;
background-image:url(images/top.gif)
}
/* Nawigacja */
#navigation {
background: #111 url(images/thead.gif) repeat-x;
font-size:20px;
font-weight:bold;
height:60px;
line-height:60px;
}
#navigation li {
float:left;
list-style-type:none;
border-left:1px dotted #000000;
}
#navigation li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #000000;
letter-spacing:1px;
}
#navigation li a:hover {
background: #111 url(images/thead_bg.gif) repeat-x;
color:#E21015;
}
#header {
height:242px;
background-image:url(images/top.gif)
}
/* Nawigacja */
#navigation {
background: #111 url(images/thead.gif) repeat-x;
font-size:20px;
font-weight:bold;
height:60px;
line-height:60px;
}
#navigation li {
float:left;
list-style-type:none;
border-left:1px dotted #000000;
}
#navigation li a {
display:block;
padding:0 20px;
text-decoration:none;
color: #000000;
letter-spacing:1px;
}
#navigation li a:hover {
background: #111 url(images/thead_bg.gif) repeat-x;
color:#E21015;
}
Proszę o radę jak to zrobić, bo nie mogę sobie z tym poradzić.
