Forlænge tid dropdown menu vises
Hej,Jeg har en dropdown menu integreret i et modx (cms) website.
Menuen er baseret på http://www.muddydogpaws.com/development/wayfinder/examples/example-1.html
Mit problem er, at når denne menu blive tilpasset mit design, så kan musemakøren ikke nå fra hovedmenupunktet og ned i dropdown listen før dropdown listen forsvinder.
Er der nogle geniale ideer til hvordan jeg evt. kan lave en tidsforsinkelse på dropdown delen? eller andre forslag til hvordan dette kan løses?
Den css der styre menuen ser således ud:
_______________________________________________________________
/* common styling */
.menu {width:600px; position:absolute; font-size:11px; margin:2px 0 100px 0; z-index:100;left:260px;top:108px;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:25px; text-align:left;line-height:25px; font-size:12px; overflow:hidden;}
.menu ul {padding:0px; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {}
.menu ul li:hover ul {display:block; position:absolute; top:23px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#d7d7d7; color:#000000;}
.menu ul li:hover ul li:hover a.hide {background:#f3f3f3; color:#000000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#d7d7d7; color:#000;}
.menu ul li:hover ul li a:hover {background:#f3f3f3; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
_______________________________________________________________
På forhånd tak :-)
