hmm...
normalnie w menu powinno rozwijać się po najechaniu kursorem pozycji macierzystej (taka jest idea), a w tym przypadku:
aby podmenu rozwinęło się się trzeba najpierw uaktywnić (nie najechać myszką..!) pozycję macierzystą. Czy można to jakoś zmienić, aby podmenu rozwijało się po najechaniu myszką (nie uaktywnieniu!..) pozycji macierzystej? - bo rozwija się tylko wtedy gdy jest ona aktywna, czyli fizycznie wybrana...-w innym przypadku się nie rozwija...
nie chcę pisać całego menu od nowa - może w tym da się coś zmienić?
może w ustawieniach menu joomla jest jakiś myk? tzn. może tam podmenu aktywuje się tylko i wyłącznie, gdy pozycja macierzysta jest aktywna? nie wiem - nie mam innego pomysłu...
to wkleję może tylko to:
style.css:
#nav {}
#navl {}
#navr {background-color: #fff; height:40px; width: 960px; font-family: 'Shanti', sans-serif; margin-top: 0px}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:100%;}
#nav-right { float:right; width:20%;}
#nav ul {margin-left: 3px; padding:0; float:left;}
#nav ul ul {display:none;}
#nav ul li:hover ul {display:block;}
#nav ul li {list-style:none;float:left;height:100%;position:relativ e; padding:0; margin:0; }
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:30px; color:#31a4c7; text-shadow: #fff 0 1px; text-decoration:none;font-size:14px;font-weight:normal;}
#nav ul li.active {}
#nav ul li.active a {-moz-border-radius: 5px; border-radius: 5px; color:#555; text-shadow: #fff 0 1px; height: 30px; /*margin: 5px 0px 5px 0px;*/ line-height: 30px;}
#nav ul li:hover {}
#nav ul li a:hover{ text-decoration:none; font-weight:normal; -moz-border-radius: 5px; border-radius: 5px; color:#555; text-shadow: #fff 0 1px; height: 30px; /*margin: 5px 0px 5px 0px;*/ line-height: 30px;}
#nav ul li ul {position:absolute; width:180px;left:-999em;border-top:0; margin:0; padding:0;}
#nav ul li:hover ul, #menu ul li.sfHover ul {left:0;}
#nav ul li ul li {padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left; opacity: 0.9;}
#nav ul li ul li:hover ul {left:180px; top:0;}
#nav ul li:hover ul li a {text-shadow:none;}
#nav ul li:hover ul li { background:none;}
#nav ul li:hover ul li a, #nav ul li ul li a, #nav ul li.active ul li a{margin:0; padding:0 0 0 10px;height:24px;line-height:24px; background:#555;border-bottom:1px solid #3a3a3a;color:#d1d1d1; font-size:12px;font-weight:normal;text-shadow:none; -moz-border-radius: 0px; border-radius: 0px;}
#nav ul li ul li a:hover, #nav ul li ul li.active a, #nav ul li.active ul li a:hover, #nav ul li.active ul li.active a {text-align: left; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:12px;text-shadow:none;}
#nav ul li ul ul, #nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li:hover ul ul ul ul, #nav ul li.sfHover ul ul, #nav ul li.sfHover ul ul ul, #nav ul li.sfHover ul ul ul ul {left:-999em;}
#nav ul li ul li ul li{padding:0;height:auto;width:180px; margin:0 auto; border:none; text-align: left;}
index.php
<div id="navr">
<div class="tguser"><jdoc:include type="modules" name="position-0" style="none" /></div>
<div id="navl">
<div id="nav">
<div id="nav-left">
<jdoc:include type="modules" name="menuload" style="none" /></div>
<div id="nav-right">
</div></div></div></div>