Forum Moderators: not2easy

Message Too Old, No Replies

CSS dropdown menus

A couple of general questions....

         

KevinMajor

8:27 pm on Sep 15, 2005 (gmt 0)

10+ Year Member



Hello, everyone. I'm another person trying to figure out how to create CSS dropdown menus. I have a couple questions that have been bugging me throughout the process.

1. Is there a way to remove the vertical whitespace between list items?

2. Is there a way to have the menu expand vertically rather than horizontally?

Thanks for your help.

collymellon

1:42 pm on Sep 16, 2005 (gmt 0)

10+ Year Member



Hi Kevin,

Can you post your relevent CSS \ HTML code please we can have a closer look..

1) - Have you cleared margins on elements?

2) - Try changing display:inline; to display:block;

These are guesses really until I see your code..

peteej

1:54 pm on Sep 16, 2005 (gmt 0)

10+ Year Member



KevinMajor,

I've just implemented - with great success - a CSS-based menu using the suckerfish style. You can find a tutorial on HTMLDog:
[htmldog.com...]

One thing that caused me great problems was IE 5.5 (or was it 5.0?) compatibility. After a lot of searching and guesswork, it seems that adding this to the stylesheet will do the trick.

* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }

KevinMajor

3:48 pm on Sep 16, 2005 (gmt 0)

10+ Year Member



I put the files online. You can see the site I'm making a rough layout for at www.nightslyr.com/franco/franco.html.

The CSS file is at www.nightslyr.com/franco/styles.css.

I have four tweaks that I'm trying to make:

1. I want the secondary list (the one that pops open while the mouse hovers over its parent link) to have no spaces between the items.

2. I also don't want the background to be nearly as wide as it's filled with a bunch of useless space.

3. I'd like the secondary list items to fit on one line rather than two.

4. I'd like to make the secondary list appear on the same linespace as its parent link. Right now, in my only example, I have the secondary list appearing below its parent link a bit.

Some of the problems probably stem from the fact that I lifted the code from one of the links you supplied me (thanks, btw :) ). I'm just not familiar enough with CSS to know exactly what to tweak.

If possible, I'd love to be able to make my navigation look, from a structural standpoint, like wbz.com's, which is where I got the inspiration for it.

Thanks again for your help.