How to alter height of menu in css?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
3dcandy

How to alter height of menu in css?

Post 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 :-)
Last edited by 3dcandy on Sun Jan 07, 2007 10:16 pm, edited 1 time in total.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to alter height of menu in css?

Post 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 {}
3dcandy

Re: How to alter height of menu in css?

Post by 3dcandy »

Cheers Mark, tis top level I'm after...
Still learning ye olde css, many thanks for ye help!

;)
3dcandy

Re: How to alter height of menu in css?

Post by 3dcandy »

Right, that doesn't appear to do anything...
If I alter the height without a background image it stays exactly the same...
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to alter height of menu in css?

Post by Dr.CSS »

Got a link?...
3dcandy

Re: How to alter height of menu in css?

Post by 3dcandy »

work in progress...and slowly, shall pm you the link!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: How to alter height of menu in css?

Post 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
Locked

Return to “Layout and Design (CSS & HTML)”