Autor Zpráva
Kokešík
Profil *
Ahoj lidi, potřebuji pomoct. Mám menu a Mění se mi u něj hover a navíc mám v pozadí hover-obrázek. Jde mi o to, jak s pomocí html a css udělat, aby tam ty hovery zůstaly, ať návštěvník ví, kde se právě nachází.

Našel jsem jen nefunkční věci, nebo v php, ale v php to být nemůže, musí to být statický web.


PS: Našel jsem tady pár témat, kde se to řešilo, ale mě to nějak nefunguje ???

Ukázka kódu:
html:
<ul id="menu">
<li><a href="http://www.neco" title="neco">Domů</a></li>
<li><a href="neco.html" title="neco">Další stránka</a></li>
<li><a href="neco.html" title="neco">Další stránka</a></li>
</ul>

a v css:
#menu {
list-style-type: none;
margin-top: 10px;
border: none;
}

#menu li {
display: block;
width: 150px;
height: 28px;
background: url("../images/menu-bg.gif") repeat-x bottom left;
border: 1px solid #000000;
margin: 3px 0px 0px 7px;
}

#menu li a {
display: block;
font-weight: bold;
text-decoration: none;
color: #404040;
background: url("../images/menu-arrow.gif") no-repeat 10px center;
padding: 3px 0px 3px 20px;
}

#menu li a:hover {
background: url("../images/menu-arrow-on.gif") no-repeat 5px center;
color: #000;
text-decoration: underline;
}
Kokešík
Profil *
našel jsem např. toto, ale nefunguje (aspoň ne ve FF)
[url=http://www.1ngo.de/web/button-demo.html#iMeyer][/url]
Joker
Profil
Tak pokud jen v HTML+CSS, tak asi takhle:

třeba první stránka by měla:
<ul id="menu">
<li><a href="prvni.html" class="oznacena">první</a></li>
<li><a href="druha.html">druhá</a></li>
<li><a href="treti.html">třetí</a></li>
</ul>
druhá stránka:
<ul id="menu">
<li><a href="prvni.html">první</a></li>
<li><a href="druha.html" class="oznacena">druhá</a></li>
<li><a href="treti.html">třetí</a></li>
</ul>
atd.
Kokešík
Profil *
BINGO !!! .... že mě to nenapadlo ....., teď se mi to zdá úplně jasné.

Díky moc.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: