Jeg har et problem med denne side her http://autocompagniet.dk
Problemet er ang. dropdown menuen
Det jeg gerne vil have er at når jeg holder musen over en menu skal der komme en under menu frem. Det gør der også men kun når jeg har trykket på menuen først.
Et eksmpel:
Hold musen over "om os"
Sker der noget?
nej....
Tryk på "om os"
Hold musen over
sker der noget?
ja!
Jeg vil gerne have at man skal kunne holde musen over en menu så undersiden kommer ned, lige meget på hvilken side man er i.
Sådan ser css filen under menu:
#nav {}
#navl {}
#navr {background: none;height:43px; background:url(../images/mainmenu.gif) 0 0 repeat-x; font-family: segoe ui, verdana, arial, sans-serif; border:1px solid #e1e1e1;}
#nav {z-index:10; position:relative;}
#nav-left { float:left; width:90%;}
#nav-right { float:right; width:70px; padding-right:12px; padding-top: 13px;}
#nav ul {margin:0; padding:0; float:left;}
#nav ul li {list-style:none;float:left;height:43px;position:relative; padding:0; margin:0; border-right: 1px dotted gray;}
#nav ul li a { display:block;padding:0 15px 0 15px; margin:0; line-height:43px; color:#000; text-decoration:none;font-size:12px;font-weight:normal;}
#nav ul li.active {}
#nav ul li.active a {background:url(../images/nav-a.jpg) 0 0 repeat-x}
#nav ul li:hover {}
#nav ul li a:hover{ text-decoration:none; font-weight:normal; color: #df1212;font-size:12px;}
#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; border:none;}
#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:11px;font-weight:normal;text-shadow:none;}
#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 {margin:0; padding:0 0 0 10px;height:24px;line-height:24px;background:#343434;color:#fff; font-size:11px;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;}
jeg håber på hjælp :)
Bliv gratis medlem
Opret bruger