sub menu samo się foramtujące :/

[eadobe2]

Witam, drodzy bracia i siostry :D
czy ktoś mógłby mi pomóc, oto mam CSS w którym inaczej ma wyglądać MENU gŁÓWNE a inaczej POD MENU i wszytko gra, tyle że kiedy wchodzę na stronę z PODMENU -ono formatuje się w taki sam sposób jak MENU GŁOWNE ...problem pewnie z CSS, ktoś może się przyglądnąć, proszę ;)




****************** pozycja gdy jestem na stronie z GŁOWNEGO MENU -i jest OK ******************

<div id="main">
<div id="left_col">
<div class="moduletable_menu">
<ul class="menu"><li class="item1"><a href="http://localhost/www/anzora/"><span>Home</span></a></li>


<li id="current" class="parent active item27">
<a href="/www/anzora/index.php?option=com_content&amp;view=article&amp;id=19&amp;It emid=27"><span>Joomla! Overview</span></a><ul>


<li class="item34">
<a href="/www/anzora/index.php?option=com_content&amp;view=article&amp;id=22&amp;It emid=34"><span>What's New in 1.5?</span></a></li></ul></li>


****************** pozycja gdy jestem na stronie z POD MENU -i i się wysypuje ******************


<div id="main">
<div id="left_col">
<div class="moduletable_menu">
<ul class="menu"><li class="item1"><a href="http://localhost/www/anzora/"><span>Home</span></a></li>


<li class="parent active item27">
<a href="/www/anzora/index.php?option=com_content&amp;view=article&amp;id=19&amp;It emid=27"><span>Joomla! Overview</span></a>


<ul><li id="current" class="active item34">
<a href="/www/anzora/index.php?option=com_content&amp;view=article&amp;id=22&amp;It emid=34"><span>What's New in 1.5?</span></a></li></ul></li>




a to CSS:


div.moduletable_menu ul.menu li.menu {
display: block;
list-style: none;
margin: 0px;
padding: 0px;
}

div.moduletable_menu ul.menu li.menu {
width: 210px;
height:50px;
border:none;
padding-left: 100px;
}

div.moduletable_menu ul.menu a:link, ul.menu a:visited {
display: block;
width: 210px;
font: 20px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_d_przejdz_bg50.png) no-repeat left top;
border:none;
padding: 15px 50px 10px;
margin-bottom:8px;
}

div.moduletable_menu ul a:hover {
display: block;
width: 210px;
font: 20px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_d_przejdz_bg100.png) no-repeat left top;
border:none;
padding: 15px 50px 10px;
margin-bottom:8px;
}


div.moduletable_menu ul li#current ul li a{
display: block;
width: 210px;
height:30px;
font: 14px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_m_bg50.png) no-repeat left;
border:none;
padding: 10px 50px 10px;
margin-bottom:8px;
}



div.moduletable_menu ul li#current ul li a:hover{
display: block;
width: 210px;
height:30px;
font: 14px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_m_bg100.png) no-repeat left;
border:none;
padding: 10px 50px 10px;
margin-bottom:8px;
}

Pozdrawiam

[zwiastun]

Co to znaczy: gdy wchodzisz na stronę z podmenu?
Czy chodzi Ci o menu lokalne?
Czy to menu lokalne ma się inaczej formatować?
"Podmenu" to taka konstrukcja:
xxxxx pozycja_menu xxxxxx
xxxxx pozycja_menu xxxxxx
_____xxxxx pozycja_podmenu xxxxxx
_____xxxxx pozycja_podmenu xxxxxx
_____xxxxx pozycja_podmenu xxxxxx
xxxxx pozycja_menu xxxxxx
czyli w HTML to np:

<ul>
<li>pozycja_menu</li>
<li>pozycja_menu
<ul>
<li>pozycja_podmenu</li>
<li>pozycja_podmenu</li>
</ul>
</li>
<li>pozycja_menu
</ul>
Jeśli to ma być menu lokalne top daj mu po prostu inny przyrostek klasy i określ reguły.
Jeśli to ma być podmenu jak wyżej, to w CSS musisz ustalić odmienne formatowanie dla:
ul ul{}
to drugie ul obejmie pozycje podmenu.
Oczywiście to tylko ogólne objaśnienie. Więcej na stronach poświęconych CSS. W Joomla 1.5 można dość swobodnie korzystać z różnych systemów menu opartych na CSS

[eadobe2]

hmm, tak ale niewiem czy się rozumiemy oto ta strona http://www.anzora.org
-można sobie podglądną index i CSS


-a tu obrazek żeby zobrazowa problem:
http://anzora.org/joom.jpg

czy ma ktoś pomysł ? jak to powinno wygląda w CSS ?
chodzi o to że SUBmenu wyświetla się OK jeśli się nie przechodzi na jego stronę -bo kiedy się to zrobi to przycisk przybiera formę menu głównego :/ a powinien wygląda cały czas tak samo

div.moduletable_menu ul.menu li.menu {
display: block;
list-style: none;
margin: 0px;
padding: 0px;
}

div.moduletable_menu ul.menu li.menu {
width: 210px;
height:50px;
border:none;
padding-left: 100px;
}

div.moduletable_menu ul.menu a:link, ul.menu a:visited {
display: block;
width: 210px;
font: 20px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_d_przejdz_bg50.png) no-repeat left top;
border:none;
padding: 15px 50px 10px;
margin-bottom:8px;
}

div.moduletable_menu ul a:hover {
display: block;
width: 210px;
font: 20px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_d_przejdz_bg100.png) no-repeat left top;
border:none;
padding: 15px 50px 10px;
margin-bottom:8px;
}


div.moduletable_menu ul li#current ul li a{
display: block;
width: 210px;
height:30px;
font: 14px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_m_bg50.png) no-repeat left;
border:none;
padding: 10px 50px 10px;
margin-bottom:8px;
}



div.moduletable_menu ul li#current ul li a:hover{
display: block;
width: 210px;
height:30px;
font: 14px Tahoma, Arial, Helvetica; color:#069;
text-align:left;
text-decoration: none;
background: url(../images/b_m_bg100.png) no-repeat left;
border:none;
padding: 10px 50px 10px;
margin-bottom:8px;
}






/*

pozdrawiam

[trzepiz]

u mnie za wyswietlanie submenu odpowiedzialny jest :


#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
text-decoration: none;
color: #666;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}
tez miałem problem ze po kliknieciu w ktorys z sublinkow reszta sublinkow z menu otrzymywała nadrzedna forme menu :

a więc :


/*Zeby submenu caly czas się wyświetlało by TrzEpiZ*/
#leftcolumn ul.menu ul li a {
text-decoration: none;
color: #666;
margin: 0 0 0 6px;
font-size: 11px;
background: url(../images/submenu_row.jpg) center left no-repeat;
font-weight: normal;
display: block;
line-height: 18px;
padding: 0 0 0 18px;
border: none;
height: 18px;
}

czyli mowiac prosciej co ma wyswietlic .. a własciwie JAK ma wyswietlic to co jest w ul.menu jest w ul i jest li ... :/

bo takie formatowanie przyjmują linki submenu po kliknieciu ktoregos :


<ul class="menu"><li class="parent item71"><a href="/emirez/infrastruktura-srodowisko.html"><span>Infrastruktura i Środowisko</span></a></li>

więc problem rozwiazujemy dodaniem wlasnie tego :


#leftcolumn ul.menu ul li a
{

}

Pozdrawiam
Michał