Menus

@MimorkerisDec 09.2004

Hi, I’m only just started using Java and as is my way, I’m guess I’m trying to run before I can walk, so please be gentle!

What I’m trying to do is have a menu whose buttons change appearance as the mouse passes over them and also displays a sub menu for each button.

I can get the first bit OK. I have also found an example that will allow me to show the submenu.

So what is wrong hear you say! Well I want the first and subsequent menus to all be horizontal.

If I could position several div’s, each with a nav-bar, in the same place on the page, I’d be laughing.

An example of what I’m trying do can be found at “www.bmw.co.uk”

Any help, suggestions, bullet between the eyes, would most welcome.

to post a comment

CSS

20 Comments(s) _↴

@heavenly_blueDec 09.2004 — #[URL=http://www.alistapart.com/articles/horizdropdowns/]How about something like this?[/URL]

@MimorkerisauthorDec 10.2004 — #Thanks for the that, but obviously I didn't explain myself clearly.

What I am trying to achieve is a Horizontal navigation bar which displays a number of different Horizontal nav-bars directly underneath itself.

See attached image, 1, 3, 5, 7 etc display a nav-bar, mouse over 3 and the "3 Series" nav-bar is diplayed and so on more the other numbers. Clicking on one of the car images then displays a different page to be loaded into the main body area.

[IMG]http://www.kmmcs.co.uk/bmwcrop.jpg[/IMG]

As I stated in my first post, the "Quick Selector" nav-bar I can get to work, but it shows or hides a number of <div>, each containing a nav-bar. But each <div> apears further and further down the page, I cant get them to share the same space.

@BonRougeDec 10.2004 — #Mimorkeris,

I think you'll like [URL=http://cheers-sendai.com/test/drink2/drinkmenu.htm]this[/URL] .

@MimorkerisauthorDec 10.2004 — #Thanks BonRouge,

It looks like you have understood what I'm trying to do. I've had a quick look at all the links, very thought provocing, just need some time to try to get head inside it all. Perhaps I need to go back to the start and try something simple, or buy a book and read it. Hell I don't know, think I'll go back to bed, perhaps it will all go away!

Mimorkeris

@BonRougeDec 10.2004 — #It's really not so complicated. I don't think you even need to understand half of it.

You save the .htc to your server, copy the css and list structure I have there and then play around with widths, colours, etc to suit your site.

I hope you can use it.

@MimorkerisauthorDec 10.2004 — #Not needing to understand half of it is definately a bonus!

I learnt to program in VB and VBA by trial and error, aswell as unpicking and adapting others code. I also wrote simple sites in pure HTML before the advent of progs like Dreamweaver, Netfusion etc.

It's just getting my head around the sintax.

Many thanks

Mimorkeris

@d_veDec 10.2004 — #That menu suffers from the same problem that the one mentioned in the Horizontal menu thread, it doesn't work in Netscape 7.0, download Netscape 7.0 and try it.

[URL=http://www.webdeveloper.com/forum/showthread.php?s=&threadid=50585]menu[/URL]

@DaveSWDec 10.2004 — #it doesn't work properly in 7.1 either mate.

However, the current version of netscape is 7.2, and it works perfectly in that.

@d_veDec 10.2004 — #it doesn't work properly in 7.1 either mate.

However, the current version of netscape is 7.2, and it works perfectly in that.[/QUOTE]

I'm new to CSS and trying to do my best at doing the right thing. What confuses me is that on these forums (not just this one) a lot of experienced posters go on about making things cross browser for accesibility etc.. but others push menu and such like, that arn't cross browser at all.

Its confusing to a CSS newbie like me what is right and wrong. I had got all exited about finding a cross browser horizontal CSS menu (suckerfish and my conversion of vladdy's) but neither work properly in Netscape 7.0 (or 7.1)

As you state, they work in 7.2 so do I ignore the 7.0 and 7.1 users, who probably only make up a fraction ot a % of users, or use a less suitable menu for the 99% of users that coukd of had the good one.

Do you see my frustration, I'm probably not alone here but what advise would you give to some one like me. ?

@NeczyDec 10.2004 — #[font=trebuchet ms]You could use something like Eric Meyer's Pure CSS Pop ups <http://www.meyerweb.com/eric/css/edge/popups/demo2.html>. If you go over the links you see images. If you want to edit the CSS, you can set it up to do what you want, and it will be cross-browser compatible.[/font]

@BonRougeDec 11.2004 — #Hey d@ve,

I'm not sure if you're counting me in this class of 'experienced posters' but if so - sorry to confuse you. I do try (in my signature) to point out that I don't really know what I'm talking about.

I checked this menu in IE6, Firefox 1 and Netscape 7.2 on Windows and it worked fine so I thought it was good. I hadn't checked old browsers because... well, because I don't have any. I've just checked it in Opera 7.54 and it doesn't work so well there. Maybe it's not quite as great as I thought...

Now, I have a couple of serious questions (which will show how little I actually know) - why don't people upgrade their browsers? Why do people have IE5 or Netscape 7 (or even worse, things like Netscape 4)? Also, why do people use Opera or even Netscape? Is there any reason for anyone to not use Firefox (apart from the fact that the average Joe or Joanna uses IE because it's sitting there in their computer when they buy it)?

@MimorkerisauthorDec 11.2004 — #Hi All,

I hadn't thought about browser Compatibility, would you guys check out the BMW webb site (www.bmw.co.uk) and advise if that will work on all these different versions of browsers.

If so, then it appears that it can be done, because from what I can see their using css files etc, it's just a question of how.

Regards Mimorkeris

@d_veDec 11.2004 — #I'm not sure if you're counting me in this class of 'experienced [/QUOTE]

Compared to me your a Guru :p

I wasn't having a go, its just confusing to someone in my position. I guess every body has their own way of doing things and their own views on whats correct. Some take the W3C as the bible and won't do anything to the contrary. Some just do what ever it takes to get a site looking the best, that works in a majority or browsers.

On your second point, I think a lot of it boils down to 5 things.

1 - They use what ever is put on their machines and are ignorant to the various browser types. A mate of mine uses Opera because that was what was installed by the guy that built the PC for him.

2 - Browser snobbery, being a rebel maybe and using something different from the rest of the crowd. :p

3 - People who are trying to be the most W3C complient like to ue a browser that also is.

4 - People don't upgrade because they don't realise there are new versions or are afraid to upgrade in case something goes wrong.

5 - Functions, or the way a particular browser looks and feels.

Probably loads of others that will do for now :rolleyes:

@d_veDec 11.2004 — #I hadn't thought about browser Compatibility, would you guys check out the BMW webb site (www.bmw.co.uk) and advise if that will work on all these different versions of browsers.[/QUOTE]

Tried it in Netscape 7.0 and 7.2, doesn't work in either of them :eek:

I guess if BMW don't think Netscape is worth worrying about them why should we, after all they probably spent thousands researching their target web audience and what they would be using..........or maybe their web designer has stitched them up ?

@DaveSWDec 11.2004 — #personally I make my sites work in as many different browsers as possible, but true perfection in every browser release just isn't going to happen in the imperfect world of web design! So I'd go for the route of doing a reasonable amount to make sure your site is accessible to as many people as possible, but I think you have to accept there will be some people who won't get your site perfectly.

@MimorkerisauthorDec 11.2004 — #Thanks for the testing Dave.

Having had some considerable experience of how BMW tick, they will have spent thousands and it will have been a team project with global elements, tailored to each country or region.

They do nothing by halves!

Mimorkeris

@IncaWarriorDec 11.2004 — #I would use firefox but opera is a more advanced browser that supports CSS correctly (There are bugs, but firefox has its share too). Opera is also updated more often and improved.

@BonRougeDec 12.2004 — #Mimorkeris,

Maybe BMW do nothing by halves, but they do seem to have screwed this one up a bit, eh? I checked and it doesn't work in Netscape 7.2 - kinda makes me feel better about my menu there - at least that works in the latest Netscape.

IncaWarrior,

I'm surprised you use Opera. I've tried it and it does nothing for me - it has ads and I can't get as many little gadgets as in Firefox - the WebDev toolbar for one thing. Each to his own though I suppose.

@pawkyDec 12.2004 — #[i]Originally posted by d@ve [/i]

[B]Its confusing to a CSS newbie like me what is right and wrong.[/B][/QUOTE]

The thing to remember is that everyone is going to have a slightly (or drastic) difference in opinion on how things should be done. What you have to do is digest all that is said and then form your own ideas and opinions.

@IncaWarriorDec 14.2004 — #I just use opera because it's faster and had all the features you get with firefox without the hassle of downloading them all and it's smoother.

All the webdev toolbar stuff is built in

Also in #CSS _↴

Divs and CSS Float Left Obstruction Custom scrollbars on iframes...?

Success!

Help @Mimorkeris spread the word by sharing this article on Twitter...

Tweet This

Menus

20 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Menus

20 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

20 Comments(s) _↴

Also in #CSS _↴