Horizontal list navigation wtih dropdowns

[beley]

Anyone know of a horizontal list navigation with dropdowns (i.e. Suckerfish) that do not require a width on the top level link/list item?

I've googled and googled and can't find any that have a dropdown and no width (just left and right padding or margin).

Any help would be really appreciated.

[Shpook]

beley, I've searched Google like I've never searched before to try and find you an answer, and I failed as well.

I even tried to come up with something myself, based on Suckerfish, and the results were actually amusing. I just don't have the skill level yet.

If I manage to come across anything, I'll be sure to let you know.

[markbrown4]

How about this one?

http://css.maxdesign.com.au/listamat...rizontal04.htm

[beley]

I'll give that a shot markbrown4, thanks for the suggestion.

[Paul O'B]

HI Brandon,

I solved this for someone else so there is an example here:

http://www.pmob.co.uk/temp/dropdown-all-fluid.htm

It's quite a tricky problem to get right

[Kravvitz]

That's pretty cool, Paul.

Did you mean to leave the voice-family hack in the IE only stylesheet?

I don't mean to give you hard time, but Opera 7.5x doesn't display the sub-menus correctly. Also, I think you meant "Mozilla 1.8+", not "Mozilla 1.3+".

I may as well mention that "NS" is a better abbreviation for Netscape, since the Navigator part of the name was dropped in Netscape 6.

[Paul O'B]

Did you mean to leave the voice-family hack in the IE only stylesheet?

Well not really. It was in there for IE5 originally but I gave up with that

I don't mean to give you hard time, but Opera 7.5x doesn't display the sub-menus correctly. Also, I think you meant "Mozilla 1.8+", not "Mozilla 1.3+".

No problem - That line was supposed to be changed anyway as I converted this from another menu and forgot to change the text. It should only read ie6 - 7, firefox 2 and opera 9.

I have updated the page to show this (although if I spent some time on it I could probably get it to work on those browsers but time's a bit limited at the moment )

I may as well mention that "NS" is a better abbreviation for Netscape

Showing my age again

[Kravvitz]

It seems to work in Firefox 1.5?

I see lots of people still abbreviating it as NN. Old habits die hard. And there is the possibility that not everybody may realize the name change and what each abbreviation is an abbreviation of.

[Paul O'B]

It seems to work in Firefox 1.5?

Yes my 1.5 crashed when I installed 2 and I lost all my other versions as well (1.0 upwards). I never got around to installing them again

[Dogs and things]

How about this one?

http://css.maxdesign.com.au/listamat...rizontal04.htm

I like this list, but I would like to give each button a fixed width instead of a width determined by the length of the text it contains.

Is that possible?

[beley]

Yes, check out the original Suckerfish:

http://alistapart.com/articles/dropdowns/

[Dogs and things]

Hmm,

I managed to set a fixed width for every button in the listamatic horizontal dropdownlist but that fixed width is supported by IE but not by FF.

Nevertheless, FF supports the dropdowns whereas IE doesn´t support those.

As I´m not really knowledgeable I don´t see a way to overcome those incompatibility problems.

Anyway, the listamatic browser support chart shows the horizontal IE compatibility to be inexistent. How about these crossing incompatibility problems, the browser that doesn´t support the standard features does support my addon and the one that does support the original obnes doesn´t support the addon.

Which makes me fear that a purely css based horizontal dropdown list is unavailable.

I guess my best bet would be to focus on the suckerfish and try to style it to my likings.

If someone has any more ideas to make that horizontal dropdown work as desired, please express your ideas.

Greetings.

[lazycat]

http://www.alistapart.com/articles/horizdropdowns