Forums

Drop Down Navigation Problems

Permalink 1 user found helpful
Hello Concrete5 Members,

I was just wondering how to fix the space in between elements in the drop down navigation on the following website.

http://tinyurl.com/29gt33z
http://preview.tinyurl.com/29gt33z... <-- Same site as first link.

When I roll over the item in the menu, the menu collapses before I can even hover over the element I want to select in the sub-menu.

Any idea on how to fix this?

I'm using a custom navigation from the following website:

http://www.codeblog.ch/2009/04/concrete5-drop-down-menu/...

The following are some Pasties from my site:

Default.php
http://pastie.org/958787

Style.css
http://pastie.org/958785

View.css
http://pastie.org/958786

Any help would be much appreciated!

Thanks

Regards,
Neil
 
cannonf700 replied on at Permalink Reply
cannonf700
Neil,
It has to do with this piece of code from your style sheet:

.menu a, .menu a:visited {
color:#FFFFFF;
display:block;
font-size:12px;
font-weight:bold;
height:31px;
line-height:29px;
padding-left:10px;
text-decoration:none;
width:149px;

Your 'height' needs to be bumped up a little so the link stays active until you can get the mouse to the lower levels. If you push your line height up to 33px it should solve it.
cheers!
crippleace replied on at Permalink Reply
@ cannonf700

Thanks for the quick reply.

I changed height: 31px to 33px as you mentioned; however, the space between the two elements are still there.

Any thought?

Thanks.
Neil
cannonf700 replied on at Permalink Best Answer Reply
cannonf700
Sorry, I thought you wanted that space there as part of the design. Changing the height like I suggested should have fixed the mouse over problem. So - look at your style.css line 1115. You have an .li class that reads:
li {
margin:0.2em 0;
padding:0;
}
change that to:
li {
margin:0 0;
padding:0;
}

that will pull the menu together...
crippleace replied on at Permalink Reply
@cannonf700

Pure genius.

Thanks for the help! :)

I appreciate it =D