| Autor | Zpráva | ||
|---|---|---|---|
| Miki20 Profil |
#1 · Zasláno: 24. 3. 2013, 12:23:48
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 |
#2 · Zasláno: 24. 3. 2013, 13:17:31
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;
}visited a link), nemusíš ve stylopisu vůbec uvádět.
|
||
| Miki20 Profil |
#5 · Zasláno: 24. 3. 2013, 14:45:11
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 |
#6 · Zasláno: 24. 3. 2013, 15:26:27
Tohle všechno je popsané na stránce Vlastní styly.
|
||
| Miki20 Profil |
#7 · Zasláno: 24. 3. 2013, 15:32:25
Pre jenikkozak:
Ešte raz vďaka. |
||
|
Časová prodleva: 11 let
|
|||
0