to MAKARON: I was exploring your site and found u use 3rd party js. So i focused on that and found that here is two kinda monster (or maybe more and better but i dunno them) it's Scriptaculous and jQuery. With a method written here i tryed to integrate jQuery whiteSmoke menu so i just changed content of NAV-H.js with jQ's MENU.js and NAV-H.css with jQ's MENU.css. But no effect. Sir -HOWTO? )))
jQuery doesn't work with Lightbox script which is used in Quick.Cms so first You have to disable Lighbox function. There was topic on this forum how to do that.
Under IE6 the menu will not work well unless in templates/nav-h.css the properties "ul#menu2 li:hover li a, ul#menu2 li.iehover li a" have margin-top changed to 0px and also "ul#menu2 ul" should contain margin-top: 15px.
Also, this function here worked very well for IE6: http://ketrab.eu/client/elzas/core/nav-h.js
Witam, u mnie menu pod logo działa poprawnie, zarówno w IE , Opera i Firefox, natomiast lewe menu "kategorie" mam cały czas rozwinięte, nie wiem jak to mam rozwiązać, Proszę o pomoc
tomekwydra: it's a problem with line-height: 47px; in #menu2 ul li a the submenu items are being overlapped over each other with the lower one overlapping on top of the other, like in a missionary position.
Then you also might have problem with position: absolute; top: 47px; in ul#menu2 ul the submenu links are practically unselectable with it.
Other than those points above it works ok. P.S. Look at the time of this writing. I deserve a beer for this.
Nie wiem po co tyle kombinujecie... najprostsze drop down menu w 3 krokach
Krok1. w pliku templates/default.css
pod linijką #menu2 li a:hover, #menu2 .selected{border:1px solid #e6e3e3;border-bottom:0px;background-color:#fff;color:inherit;text-decoration:underline;}
dodajemy
#menu2 li ul {display:none;} #menu2 li:hover > ul {display: block;position:absolute;width:140px; margin-top:38px;z-index:200;list-style:none;background:#fff;border:1px solid #e6e3e3;border-top:0px;} #menu2 .sub1 li {clear:left;padding:0px 10px 0px 10px;text-align:left; border-bottom:1px solid #ededed;width:120px;} #menu2 .sub1 li a {padding:0px;font-size:0.833em;background:none;border:0px;padding:6px 8px;} #menu2 .sub1 .lL {border:0px;}
rzyber dzieki, jezeli chodzi o 1 to chce aby pomiedzy logiem a reszta strony byla przerwa ok10px, juz szukalam wszedzie i nic mi nie wychodzi, a jezeli chodzi o 3 to chce pod menu dac tlo i tez sie gubie