-
Height - All Levels Menu
Script: DD All Levels Navigational Menu
http://www.dynamicdrive.com/dynamici...menu/index.htm
------------------------------
Hello.
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:
Code:
.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
-
Warning: Please include a link to the DD script in question in your post, in this case, http://www.dynamicdrive.com/dynamici...menu/index.htm See this thread 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:
Code:
.solidblockmenu li a{
float: left;
color: white;
padding: 15px 11px;
text-decoration: none;
border-right: 1px solid white;
}
-
Solved
Sorry about that, and thanks for the warning.
I edited my post.
Regarding the solution presented.
Wonderful.
It worked :D
Thanks so much!!