PDA

Zobacz pełną wersję : dziwne zachowanie submenu



madozz
30-08-2008, 22:03
Witam.

Pojawił mi się problem z wyświetlaniem submenu. Problem polega na tym, że gdy klikam w menu na link, który pokazuje submenu to wszystko wygląda ok, ale kiedy kliknę na jakiś link w submenu to nadrzędny link jest ok, aktywny link jest ok, ale kolejne linki z submenu jakby zostały przerzucone do głównego menu (widac to np. bo przyjmują formatowanie z manu glownego a nie submenu).

Macie jakieś doświadczenie z tym?

Joomla 1.5.6

Pozdrawiam

zwiastun
30-08-2008, 22:05
Dąbrowską, Nałkowską, Mickiewiczem czy innym literatem raczej nie będziesz. Pokaż więc, o czym mówisz.

madozz
30-08-2008, 22:23
Nie moge podać linka do tego co tworzę ale postaram się to pokazać na innym przykładzie (działającym poprawnie).
http://www.btl.bialystok.pl
po kliknięciu w "o teatrze" pojawia się submenu - u mnie jest tak samo
po kliknięciu w "aktorzy" pozostale elementy submenu zostaja na swoich miejscach - u mnie aktywny element (tutaj "aktorzy") pozostaje na swoim miejscu ale pozostałe elementy "przesuwają się w lewo" czyli są wyświetlane jak elementy głownego menu (co więcej tu nie chodzi tylko o przesunięcie ale o to że są wyświetlane dokładnie tak samo jak elementy głównego menu).

Mam nadzieję, że teraz będzie jaśniej.

Pozdrawiam
Jan Brzechwa :-)

zwiastun
30-08-2008, 22:46
Teraz jaśniej, ale i tak pomocy nie dostaniesz - po prostu musisz dobrze zaprojektować style obsługujące to menu, albo skorzystać gotowych rozwiązań

madozz
30-08-2008, 22:56
dzieki za odpowiedz

co prawda sprawdzalem juz ccs-y na wskroś i nie chce się zarzekać, że wszystko jest ok ale mam wrażenie że to coś nie tak ze standardowym działaniem joomli - raz element który jest ustawiony jako podrzędny jest formatowany jako podrzędny a raz jako nadrzędny.

...ale nie pozostaje nic innego jak szukac dalej :-)

zwiastun
30-08-2008, 22:59
Nie sądzę.

madozz
31-08-2008, 00:11
Spróbuje w ten sposób:

fragment ccs:

/*glowne menu*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link, {
line-height: 18px;
padding: 0 0 0 8px;
text-decoration: none;
color: #990099;
font-weight: normal;
font-size: 11px;
background: url(../images/menu_row.gif) center left no-repeat;
margin: 0;
height: 18px;
}

#leftcolumn ul.menu li a:hover {
color: #330033;
}

#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, {
line-height: 18px;
padding: 0 0 0 8px;
text-decoration: none;
color: #330033;
font-weight: normal;
font-size: 11px;
background: url(../images/menu_row.gif) center left no-repeat;
margin: 0;
height: 18px;
}

#leftcolumn ul.menu li#current a:hover {
}

/*podmenu*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
text-decoration: none;
color: #FF0000;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.gif) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
font-size: 11px;
margin: 0 0 0 6px;
padding: 0 0 0 18px;
text-decoration: none;
border: none;
color: #330033;
background: url(../images/submenu_row.gif) center left no-repeat;
height: 18px;
line-height: 18px;


WYGLĄD MENU W ZALEŻNOŚCI OD AKTYWNOŚCI(wytluszczone aktywne elementy):

JEDEN
DWA
TRZY
*TRZY.JEDEN
*TRZY.DWA
*TRZY.TRZY

w źródle pojawia się:
<li class="item1"><a href=""><span>JEDEN</span></a></li>
<li class="item2"><a href=""><span>DWA</span></a></li>
<li id="current" class="parent active item27"><a href=""><span>TRZY</span></a>
<ul><li class="item34"><a href=""><span>TRZY.JEDEN</span></a></li>
<li class="item56"><a href=""><span>TRZY.DWA</span></a></li>
<li class="item56"><a href=""><span>TRZY.TRZY</span></a></li></ul></li>

------------------------

JEDEN
DWA
TRZY
*TRZY.JEDEN
TRZY.DWA
TRZY.TRZY

w źródle pojawia się:
<li class="item1"><a href=""><span>JEDEN</span></a></li>
<li class="item2"><a href=""><span>DWA</span></a></li>
<li class="parent active item27"><a href=""><span>TRZY</span></a>
<ul><li id="current" class="active item34"><a href=""><span>TRZY.JEDEN</span></a></li>
<li class="item56"><a href=""><span>TRZY.DWA</span></a></li>
<li class="item56"><a href=""><span>TRZY.TRZY</span></a></li></ul></li>

------------------------


jeśli opis powyżej mógłby pomóc to proszę o korektę gdzie się walnąłem

madozz
31-08-2008, 01:07
ok sprawa wyjaśniona

dopisałem:
#leftcolumn ul.menu li ul li a, #leftcolumn ul.menu li ul li a:link {
text-decoration: none;
color: #FF0000;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.gif) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}

kluczową sprawą było to że po kliknięciu w element podmenu, element nadrzędny przestaje być #current

sorry za spam powyżej

p.s. dzieki zwiastun za wiarę w joomle :-) to podtrzymało moją chęć szukania błędu u mnie

pozdrawiam