Page 1 of 1
How to alter height of menu in css?
Posted: Sun Jan 07, 2007 8:44 pm
by 3dcandy
I want to use an image as the background of the dropdown menus, but can't seem to find out how to specify the height of the menu. Am using the default horizontal menu css from 1.0.2. With layout top menu and 2 columns.
Any help please, just want to get this template sorted, and then I'll make it available to all!
Cheers
Re: How to alter height of menu in css?
Posted: Mon Jan 08, 2007 1:06 am
by Dr.CSS
Is it the top level or the next level...
top is... #primary-nav li {height:20px; background: url(uploads/images/image.jpg)} change to your needs
next level... #primary-nav li li {}
If you are doing top level and don't want it in next level... #primay-nav li li {background:none}
You can also use padding around the 'a' to get room to show images... #primary-nav a {}
Re: How to alter height of menu in css?
Posted: Mon Jan 08, 2007 2:28 am
by 3dcandy
Cheers Mark, tis top level I'm after...
Still learning ye olde css, many thanks for ye help!
Re: How to alter height of menu in css?
Posted: Mon Jan 08, 2007 2:32 am
by 3dcandy
Right, that doesn't appear to do anything...
If I alter the height without a background image it stays exactly the same...
Re: How to alter height of menu in css?
Posted: Mon Jan 08, 2007 3:13 am
by Dr.CSS
Got a link?...
Re: How to alter height of menu in css?
Posted: Mon Jan 08, 2007 3:38 am
by 3dcandy
work in progress...and slowly, shall pm you the link!
Re: How to alter height of menu in css?
Posted: Mon Jan 08, 2007 3:58 am
by Dr.CSS
You may want to put the height in the "a" as it will bring all the other style with it...
The problem you had/have is a missing : after height... height: 300px