Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
On Mon, 02 May 2005 18:59:24 +0100, tee [EMAIL PROTECTED] wrote: [01] http://www.projectseven.com/products/menusystems/pmm/ [02] http://www.htmldog.com/articles/suckerfish/dropdowns/ Thanks! Not trying to discredit the effort of SOS creator, but it doesn't work for IE 5.2 Mac, it's out of question. Not trying to discredit the effort of MacIE5 creators, but if it doesn't display SOS, it's out of question ;) Seriously - suckerfish dropdowns are probably the best solution for 98%+ of your audience. If you insist on other solution (usually with browser sniffing or requiring javascript to work), you're going to worsen experience of 98% visitors in favor of 2% others. -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
MESSAGE NOT DELIVERED: Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Your message could not be delivered. The User is out of space. Please try to send your message again at a later time. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Michael Wilson wrote: This [01], however, does work in NN v6.2.3 on XPPro. According to the Hi, I don't think it works as intented. The nested ULs appear, but NN6 doesn't paint any background, so it is not legible. Re: the Mac fix. This fix is for MSIE 5.2 (OSX), it doesn't fix 5.0 (OS9) and IMO, this is the IE version mostly used by Mac users. Also, the script triggers JS errors in Opera 6.05 so the ULs do not popup, but the most important is that it makes the top level list items *not* accessible. As I said previously, if you want 100% coverage, you will need to get into allot more JavaScript or you can simply link the top level navigation items to a shortened table of contents. In my view, this is the cleanest method as it doesn't require the added script and it's accessible by everything that can follow a link. As I said previously, I'm biased toward this method [1], but so far it seems to be the cleanest one without allot more JavaScript :-) Thierry | http://www.TJKDesign.com [1] http://www.tjkdesign.com/articles/dropdown/demo.asp (I've now added a list of browsers I have tested the technique with) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Hi Kornel, Seriously - suckerfish dropdowns are probably the best solution for 98%+ of your audience. How so? I checked the SOS one level dropdown from htmldog page, it doesn't work for my IE 5.2, on Mac. Strange, the one that Micheal just sent does work. If you insist on other solution (usually with browser sniffing or requiring javascript to work), you're going to worsen experience of 98% visitors in favor of 2% others. I hope this is not the Web Standards purist talking here :P My client wouldn't care what code I use for his site, he only cares that I able to delivery a fully functional and good looking site to him. He hasn't a slightest idea what W3C and Web Standards about, but thinks the statement this site is built with web standards and accessibility in mind I put at the bottom. My question was to find a good solution for my problem, not intending to create a debate that 'mine is better than your' this kind of notion' that anyone in the list might have. Sincerely, tee regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Just so you're not ostracized by the group, I'll provide this handy little link about what dhtml is and isn't. Check out the section under DHTML is NOT a W3C Standard. http://www.w3schools.com/dhtml/dhtml_intro.asp On 5/2/05, tee [EMAIL PROTECTED] wrote: I have a horizontal menu done in CSS with set current option. menu 1 || menu 2 || menu 3 || menu 4 || menu 5 || menu 6 || but now my client wants to insert drop-down menu in menu 4 button. This can easily be done with DHTML menu that I have from Project Seven, but I really prefer to stay with css menu as it delivers cleaner code. I was thinking perhaps I can insert one dhtml menu in my existing css menu, with a bit of twisting, that shouldn't be too difficult, but I must admit, it's over my head, as soon as I started to implementing it, the first obstacles I encounter is how to replace the body id=menu4page to body onload=... that PV II generated. There will only have two links in the drop-down menu, I can settle for either vertical :lisubmenu 1 /li lisubmenu 2 /li or horizontal: lisubmenu 1 /li || li submenu 2 /li Thanks! tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Chris Gandolfo {Designer Standards Advocate} Twelve Horses ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
tee wrote: Seven, but I really prefer to stay with css menu as it delivers cleaner code. I was thinking perhaps I can insert one dhtml menu in Son of suckerfish dropdowns: http://www.htmldog.com/articles/suckerfish/dropdowns/ I'm a bit biased about this one: http://www.tjkdesign.com/articles/dropdown/demo.asp HTH, Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
tee wrote: I have a horizontal menu done in CSS with set current option. menu 1 || menu 2 || menu 3 || menu 4 || menu 5 || menu 6 || but now my client wants to insert drop-down menu in menu 4 button. This can easily be done with DHTML menu that I have from Project Seven, but I really prefer to stay with css menu as it delivers cleaner code. Hi, PVII recently released Pop Menu Magic [01], which is CSS Text-based, Section 508 and WAI AAA conformant, but if you are after cleaner markup, *minimal JavaScript*, and simple CSS, it doesn't get much better than Sons of Suckerfish Dropdowns (SoS) [02]. The little bit of JavaScript used in SoS is only in place to help IE deal with non-anchor hovers and is extremely simple to work with; the rest is all standards based CSS and markup. Aside from being an overall cleaner solution, SoS isn't tied to any particular editor (Dreamweaver in this case), which also provides a bit more freedom and ease of maintenance. If, however, you like the animated style dropdowns, you'll likely have to stick with PVII. If you take the implementation of your navigation one step further and give your top-level navigation items (menu 4 for example) a home page that also provides the links found in the dropdown, IE users with JavaScript turned off can still easily navigate the site with only one additional click and users with JavaScript and CSS disabled get a standard list. Along with the links, you can also add link descriptions or other content to the pages that normally won't fit into a dropdown. I find this method far more intuitive and search engine friendly than a simple one or two word cue in a dropdown link and even if you still use dropdowns, it's beneficial. [01] http://www.projectseven.com/products/menusystems/pmm/ [02] http://www.htmldog.com/articles/suckerfish/dropdowns/ -- Best regards, Michael Wilson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
If you take the implementation of your navigation one step further and give your top-level navigation items (menu 4 for example) a home page that also provides the links found in the dropdown, IE users with JavaScript turned off can still easily navigate the site with only one additional click and users with JavaScript and CSS disabled get a standard list. Along with the links, you can also add link descriptions or other content to the pages that normally won't fit into a dropdown. I find this method far more intuitive and search engine friendly than a simple one or two word cue in a dropdown link and even if you still use dropdowns, it's beneficial. [01] http://www.projectseven.com/products/menusystems/pmm/ [02] http://www.htmldog.com/articles/suckerfish/dropdowns/ -- Thanks! Not trying to discredit the effort of SOS creator, but it doesn't work for IE 5.2 Mac, it's out of question. Tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Thanks Thierry, I was at your site yesterday reading your tjkdesign dropdown tutorial. It definitely looks promising (works for IE 5.2 Mac) but I wasn't sure if I can borrow the code to my client' website as I don't see the CC license logo. Anything that requires my client pay more than what is already agreed is out of question. Regards, Tee tee wrote: Seven, but I really prefer to stay with css menu as it delivers cleaner code. I was thinking perhaps I can insert one dhtml menu in Son of suckerfish dropdowns: http://www.htmldog.com/articles/suckerfish/dropdowns/ I'm a bit biased about this one: http://www.tjkdesign.com/articles/dropdown/demo.asp HTH, Thierry | http://www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
tee wrote: Thanks! Not trying to discredit the effort of SOS creator, but it doesn't work for IE 5.2 Mac, it's out of question. I don't think SoS not working in Mac IE 5.2 is a discredit even if you were trying. :) Personally, I've never given it too much thought. Regardless, if you use the method I outlined in the previous post, it degrades quite nicely or you can see this Mac IE 5 fix for more possibilities: http://simeons.net/suckerfish_ie5mac_fix.htm -- Best regards, Michael Wilson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
tee wrote: doesn't work for IE 5.2 Mac, it's out of question. I believe it doesn't work in NN6 either. Tee, I've sent you an email off-list, let me know if you don't get it. Thanks Thierry, Sorry I didn't response. Was caught up with a lengthy conversation with client over the phone when you message arrived. I will try your TJK Design menu definitely, and will give you credit of course, however it will have to be in the html and css code though (is this OK?). Once it's done, I will send you the url. Thanks a lot. tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Thierry Koblentz wrote: tee wrote: doesn't work for IE 5.2 Mac, it's out of question. I believe it doesn't work in NN6 either. It works in NN6 Win, but I'm not sure about NN on Mac; that fix link I posted earlier has a listing of tested browsers. -- Best regards, M. Wilson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Thierry Koblentz wrote: tee wrote: doesn't work for IE 5.2 Mac, it's out of question. I believe it doesn't work in NN6 either. It works in NN6 Win, but I'm not sure about NN on Mac; that fix link I posted earlier has a listing of tested browsers. -- Best regards, M. Wilson ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Combination of CSS menu with dhtm/javascript menu button?
Michael Wilson wrote: It works in NN6 Win, but I'm not sure about NN on Mac; that fix link I posted earlier has a listing of tested browsers. Michael, I've tested this page [1] in NN v6.2.3 on XPPro and it does not work. Regards, Thierry | http://www.TJKDesign.com [1] http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **