CSS Menu Help

[Egg Bramhill]

Am I missing something here? This is the worst navigation page I've ever encountered. Firstly I see no drop down menus, so perhaps that would be a good place to start.

I'm using windows XP Home and Firefox 2.0.0.6

I am serious, I just can't navigate this site.

[haakoo]

Hi

Which you don't see,Egg??

[Egg Bramhill]

I see no drop down menu whatsoever. I see a horizontal "sub menu" that bears no relation to any sensible navigation.

I'm obviously missing something here, but what it is I have no idea.

[haakoo]

Hi Egg,

Is it for the apple site??
tested with same FF version as you have,no problems here
The dropdowns are on left and righthand side
the topbar,which seems to have dropdowns don't have them,are just buttons

Hans

(2B.OT,Got to sleep,have to take the kids to school in the morning)

[handrawn]

no probs here with FFox 2.0.0.6 - either site - as long as js enabled of course

[barrym67]

Hi Everyone

Problems I have noticed with that drop down menu is that it only works once the page has fully loaded. The page opens with all the menu's expanded out, once the script comes into action, they concertina closed.

I personally do not like this navigation method as their sub-links are so long, and when you go to a certain section and it expands, the section heading is so high you do not know where you are.

I would prefer it if you could open and close the menus, giving you more control, such as the one that I have on my site: http://www.psptubez.com/

I had started on some designs - but he did not like them. I see where he is coming from - he want's his site to have a "blog" feel to it and I know that is what will make him happy, so I must look for a blog template and add that fancy schmancy menu to it and he will be happy.

Here are some links to some designs that he was not happy with, but he left it wide open for me as he had given me no direction and then was not happy with what I had done, needless to say this is a silly way to operate and it made me mad. (when you are desperate for money you will do anything!!) The only thing I knew what he wanted was red, grey and blue (so what is the Apple site all about then I ask you??)

Here are the test pages he declined.

http://www.legyle.com/test/index.html

and

http://www.psptubez.com/test/index.asp

Do you guys think that it is suitable to have your menu based on javascript? Surely some internet folk do not have java enabled or is that an archaic thought?

I personally think that the Apple site is very boring, but the client likes the style and as I said he is very fussy. The upside is that the site is about diving with sharks and marine photography, at least the images will brighten it up, hopefully. I must just mention that the client is a very nice guy should he ever stumble upon this thread!

[juergen]

Barry,

lots of big sites still have problems with IE7. If you have a content management system, 50 templates and perhaps 4 times the number controls (logical elements like menu, list and such), it takes a long time to adapt to a new browser.

Without JavaScript, you are pretty limited. As long as you can navigate everywhere without, you're fine. Just ensure, that you loose nothing but some effects when JavaScript is turned off.

I did not try myself but I would guess you could achieve the same effect with CSS, where you either bring a <div> to full height, or change visibility. For example the height solution could be a <div> containing "Top Songs" AND the songs. For example the hover event could expand the layer to full height. Thats just brainstorming btw. never tried something like that.

Juergen

[RedWombat]

I don't really like those collapsing sections on the left side of the Apple site, if that's what you're talking about.

I agree with Egg in that I saw no "drop-down menus." Just that terrible collapsing thing on the left.

I have put together a CSS based navigation for vertical and horizontal navigation system from resources around the web. I'm happy to share if you're interested. You can see an example of a horizontal menu in a test site I've been developing here: http://www.bigplan.net/client/mha/index.cfm?id=home A vertical menu system here: http://www.sebp.org/index.cfm?id=1000

As Juergen pointed out, you can't really have CSS navigation without JavaScript. You'll need it to make IE compatible. The menus won't work in IE without it, even though they are CSS based.

[zaphodeist]

...Is it for the apple site??tested with same FF version as you have,no problems here The dropdowns are on left and righthand side
the topbar,which seems to have dropdowns don't have them,are just buttons

Egg was having problems with them as well