Autor Zpráva
Miki20
Profil
Dobrý deň.

Prosím o pomoc, prečo mi (ani po prečítaní veľmi podobných tém) nefunguje zvýraznenie zvolenej položky v ľavom menu - ide o položku odpovedajúcu aktuálne otvorenej stránke.

Mám na stránke kód v ľavom menu:
<ul id="lave-menu-standard">
<li><a href="odkaz_produkt_01.html">Produkt 01</a></li>
<li><a href="odkaz_produkt_02.html">Produkt 02</a></li>
<li><a href="odkaz_produkt_03.html">Produkt 03</a></li>
<li><a href="odkaz_produkt_04.htmll">Produkt 04</a></li>
<li><a href="odkaz_produkt_05.html">Produkt 05</a></li>
<li><a href="odkaz_produkt_06.html">Produkt 06</a></li>
</ul>

Id="lave-menu-standard" je definované v externom stylopise a doteraz som nemal žiadny problém. Teraz by som chcel zvýrazniť aktuálnu položku v ľavom menu. Napriek rôznym pokusom mi to nejde, niečo musím robiť zle. Pokiaľ pôvodne mám identifikátor v <ul> = <ul id="lave-menu-standard">, zmenu farby aktuálnej položky sa snažím dosiahnuť cez class alebo id priamo v príslušnej položke zoznamu <li> !
Zaujímavé je, že ak túto položku uzavriem samostatne do <ul> (čo mi ale potom tento kód komplikuje, pretože miesto jedného zoznamu <ul> mám tam po takejto úprave aj tri) a k <ul> pripojím nový identifikátor napr. <ul id="lave-menu-aktivna-polozka">, tak to funguje! Znamená to, že v položke zoznamu <li> nie je možné zadať napr.
<li id="lave-menu-aktivna-polozka"><a href="odkaz_produkt_02.html">Produkt 02</a></li> ? Videl som však toto riešenie na viacerých miestach. Možno len neviem správne zadefinovať id alebo class pre túto vnorenú položku <li> ? Možno to nakoniec už ani nepoužijem, ale nechcem od toho odísť bez pochopenia. Prípadne by som privítal aj odkaz na stránku, kde je veľmi názorne popísaná konštrukcia vnorených zoznamov, našiel som len čiastkové popisy.

Dopredu ďakujem.
Trejpa
Profil
Miki20:
Chybu děláš někde ve stylech v adresaci aktivní položky nebo vnořeného odkazu. Bez odkazu na živou ukázku asi těžko poznáme, v čem děláš chybu.

Adresování položky v menu používám na stránce Jednoduché schéma stránky.
Miki20
Profil
Skúsim uviesť zadefinovanie Id="lave-menu-standard" pre <ul> (v externom stylopise), kde sú položky <li> zapísané

  ul#lave-menu-standard {
               margin: 0px;
               border: 0px none;
               padding: 0px;
               }
   ul#lave-menu-standard li {
              width: 124px;
              list-style: none;
              position: relative;
              left: 16px;
              }
   ul#lave-menu-standard li a {
              display: block;
              color: #e7e7e7;
              font-weight: normal;
              width: 124px;
              text-decoration: none;
              }
   ul#lave-menu-standard li a:link {
               color: #e7e7e7;
               font-weight: normal;
               width: 124px;
               text-decoration: none;
               }           
   ul#lave-menu-standard li a:visited {
               color: #e7e7e7;
               font-weight: normal;
               width: 124px;
               text-decoration: none;
               }
   ul#lave-menu-standard li a:hover {
               color: #e7e7e7;
               font-weight: normal;
               background-image: url(xxxx.png); /*presvetlené pozadie obrázkom pri nabehnutí myšky*/
               background-repeat: repeat-y;
               background-color: #1b4282;
               width: 124px;
               text-decoration: none;
               }

Poprosím aspoň o správny zápis kódu id alebo class pre položku <li>, ktorý by mal zabezpečiť zmenu farby #e7e7e7 napr. na yellow - teda id alebo class, ktoré vložením do <li> zmení farbu vybratej položky. Skontroloval by som si svoje predchádzajúce definície id a class, ktoré zrejme neboli korektné. Išlo viacmenej o pokusy, pretože vnorovaniu zrejme nie úplne rozumiem ...

Vďaka.

Moderátor jenikkozak: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
jenikkozak
Profil
ul#lave-menu-standard {
margin: 0;
border: 0;
padding: 0;
}
ul#lave-menu-standard li {
width: 124px;
list-style: none;
position: relative;
left: 16px;
}
ul#lave-menu-standard li a {
display: block;
color: #e7e7e7;
font-weight: normal;
width: 124px;
text-decoration: none;
}
ul#lave-menu-standard li a:hover {
background-image: url(xxxx.png); /*presvetlené pozadie obrázkom pri nabehnutí myšky*/
background-repeat: repeat-y;
background-color: #1b4282;
}
ul#lave-menu-standard li.trida a{
background-image: url(xxxx.png); /*presvetlené pozadie obrázkom pri nabehnutí myšky*/
background-repeat: repeat-y;
background-color: #1b4282;
}
Pseudotřídy, u kterých neměníš styl (visited a link), nemusíš ve stylopisu vůbec uvádět.
Miki20
Profil
Pre jenikkozak:

Ďakujem pekne, takto to naozaj funguje. Ďakujem aj Trejpovi.

Je nejaký link, kde sa dá komplexne oboznámiť s vnorenými zápismi, kde a ako správne použiť # alebo bodku, pre ktoré prvky a v akom poradí to platí?

Pekný deň.
jenikkozak
Profil
Tohle všechno je popsané na stránce Vlastní styly.
Miki20
Profil
Pre jenikkozak:

Ešte raz vďaka.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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