View Full Version : Height - All Levels Menu

09-05-2012, 04:08 PM
Script: DD All Levels Navigational Menu

I've been working, now for some time, with All Levels Menu, never hade any problems.

Now I have redesigned my website, and the "default" settings for All Levels Menu, that I never changed before, dont fit my needs.

I wish to make me topmenu larger, in height.
So i get I would edit ddlevelsmenu-topbar.css

I search for: ".solidblockmenu ul{" Correct me if this is incorrect, but I think this is the place to edit
and added "height:48px;"

What I have is:

.solidblockmenu ul{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
height: 48px;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(blockdefault.png) center center repeat-x;

But this does not work correctly.
It disconfigures the toplevel menu, can see the image blockdefault.png in the menu etc...

If I take out the height: 48px; it all works perfect again, but its smaller than what I need.

Can somoeone please point me in the correct direction?

Thanks in advance

09-07-2012, 06:23 AM
Warning: Please include a link to the DD script in question in your post, in this case, http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm See this thread (http://www.dynamicdrive.com/forums/showthread.php?t=6) for the proper posting format when asking a question.

For the solid block menu, to change its height, you need to modify the height of the top menu's A element, not the main UL. That's because the later is just a shell, not representative of the actual menu's height. With that said, try increasing the height of the A element by increasing its padding:

.solidblockmenu li a{
float: left;
color: white;
padding: 15px 11px;
text-decoration: none;
border-right: 1px solid white;

09-07-2012, 09:37 AM
Sorry about that, and thanks for the warning.
I edited my post.

Regarding the solution presented.
It worked :D

Thanks so much!!