Autor Zpráva
Kukinac
Profil *
ahoj,
mám tento kod:
<style type="text/css">

.bevelmenu{
font: bold 13px arial;
padding: 6px 0;
margin : 0;
width: 100%;
background-color: #cd853f;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 2px 1.1em;
text-decoration: none;
color: black;
background-color: #FFF2BF;
border: 3px solid #8b4513;
}

.bevelmenu li a:hover{
color: black;
background-color: #cd853f;
border-style: outset;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>
    <div id="hlavicka">
<ul class="bevelmenu">
<li><a href="index.html">Úvodní stránka</a></li>
<li><a href="nasikonici.html">Naši koníci</a></li>
<li><a href="Akce.html">Akce a souteže</a></li>
<li><a href="Fotky.html">Fotogalerie</a></li>
<li><a href="kontakty.html">Kontakty</a></li>
<li><a href="O nás.html">O nás</a></li>
<li><a href="Kniha.html">Návštěvní kniha</a></li>
</ul>
    </div>

potřebuji udělat to, aby když se klikne na nějakou sekci, aby zůstala obarvená (abych věděl "kde jsem")...asi to není těžké ale prosím kdo ví poraďte.

předem moc díky
jenikkozak
Profil
Na každé z těch html stránek vyber patřičnou položku v menu (tedy např. na stránce index.html to bude položka „Úvodní stránka“) a přiřaď jí určitou třídu, které ve stylopisu nastavíš požadované vlastnosti.
Kukinac
Profil *
no díky, napíšeš mi pls přímo vzor ;) ? nevím jak to napsat. díky
jenikkozak
Profil
Kukinac:
no díky, napíšeš mi pls přímo vzor ;) ?
Mezi <style> a </style> připiš:
.bevelmenu li a.active{background-color: #cd853f;}
Na stránce index.html uprav menu takto:
<ul class="bevelmenu">
<li><a href="index.html" class="active">Úvodní stránka</a></li>
<li><a href="nasikonici.html">Naši koníci</a></li>
<li><a href="Akce.html">Akce a souteže</a></li>
<li><a href="Fotky.html">Fotogalerie</a></li>
<li><a href="kontakty.html">Kontakty</a></li>
<li><a href="O nás.html">O nás</a></li>
<li><a href="Kniha.html">Návštěvní kniha</a></li>
</ul>
Na stránce nasikonici.html:
<ul class="bevelmenu">
<li><a href="index.html">Úvodní stránka</a></li>
<li><a href="nasikonici.html" class="active">Naši koníci</a></li>
<li><a href="Akce.html">Akce a souteže</a></li>
<li><a href="Fotky.html">Fotogalerie</a></li>
<li><a href="kontakty.html">Kontakty</a></li>
<li><a href="O nás.html">O nás</a></li>
<li><a href="Kniha.html">Návštěvní kniha</a></li>
</ul>
Podobně to uděláš i na dalších stránkách.
Kukinac
Profil *
jojo, díky mooc. fakčí to. ;-)

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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