+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z rozwijanym menu (/thread-problem-z-rozwijanym-menu)
Problem z rozwijanym menu - w2k3 - 02-10-2012
Cześć,
mam problem z wysuwanym sub-menu, http://test.piekne.net > usługi i po najechaniu na our doctors nie da się kliknąć/najechać, bo znika.
CODE:
Kod:
</div><!--#horiz_m-->
<nav id="nav_h">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => '','menu_id' => 'menu',) ); ?>
</nav>
</div><!--#horiz_m_bg-->Kod:
#nav_h {width:960px; height:auto; margin:0 auto; position:relative;}
#menu {display: table; padding: 0 10px 0 !important; margin: 0 auto; overflow: hidden; font-size: 20px; background: #FAFAFA;}
#menu li {list-style-type: none; margin: 0 auto; float: left; }
#menu li:hover {background: #404040;}
#menu li a {display: block; color: silver; text-decoration: none; padding: 7px 10px 7px;}
#menu li a:hover {background: #404040; color: white;}
#menu li li a {width: 160px;}
#menu li ul {overflow: hidden; display: none; background: #242424;}
#menu li:hover ul {position: absolute; padding: 0; display: block; width: 160px;}
/*animation - CSS3*/
*:hover {-moz-transition: 0.3s ease-in; -webkit-transition: 0.3s ease-in; -o-transition: 0.3s ease-in; transition: 0.3s ease-in;}
/*Border - CSS3*/
#menu {-moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;}
#menu li ul {-moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;}RE: Problem z rozwijanym menu - camelrafal - 02-10-2012
jak zrobisz te cienie normalnie a nie w absolute to będzie działało
usun position:absolute z .subhead_shadow_bottom oraz z .subhead_shadow
usun z #subhead background-color
i najpierw daj subhead_shadow_bottom a dopiero potem subhead_shadow w kodzie (html) zmień kolejność tych elementów