Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 10-05-2010, 06:53 PM
adam75dfw adam75dfw is offline
Member
 
Join Date: 09-07-10
Posts: 32
iTrader: 0 / 0%
Dropdown Menu not IE compatible... yet

Here's the problem menu: Horizontal Drop Down Menu

The HTML is just a <ul> list. The CSS is at the bottom of this post, from MyCSS. It works great in FF, but the dropdowns don't happen in IE. I have tried to add this JS workaround, but it isn't working for me:

Code:
startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.childNodes[i]; if (node.nodeName=="LI") { node.onmouseover=function() { this.className+=" over"; } node.onmouseout=function() { this.className=this.className.replaceĽ (" over", ""); } } } } } window.onload=startList;
I just redid almost my whole domain with this menu, and sales mysteriously stopped. Then I discovered that it's not working with IE. If no one knows an easy fix for this, I guess I will tear it down and redo the whole thing with the Suckerfish menu, which is supposed to work with IE.

Code:
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;position:relative;z-index:1;} .qmmc .qmdividery{float:left;width:0px;} .qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;} .qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;} .qmmc {position:relative;zoom:1;z-index:10;} .qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;} .qmmc div a, .qmmc ul a, .qmmc ul li {float:none;} .qmsh div a {float:left;} .qmmc div{visibility:hidden;position:absolute;} .qmmc li {z-index:auto;} .qmmc ul {left:-10000px;position:absolute;z-index:10;} .qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;} .qmmc li a {float:none} .qmmc li:hover>ul{left:auto;} #qm0 ul {top:100%;} #qm0 ul li:hover>ul{top:0px;left:100%;} #qm1 ul {top:100%;} #qm1 ul li:hover>ul{top:0px;left:100%;} /*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/ #menuheader { position:absolute; top:10px; width:735px; left:50%; margin-left:-368px; border-width:0px; border-style:solid; border-color:white; } /* MyCSSMenu 0 */ /*"""""""" (MAIN) Container""""""""*/ #qm0 { } /*"""""""" (MAIN) Items""""""""*/ #qm0 a { padding:5px 10px 5px 8px; margin:0px 4px 0px 0px; color:white; font-family:Arial; font-size:17px; text-decoration:none; border-color:#999999; } /*"""""""" (MAIN) Active State""""""""*/ body #qm0 .qmactive, body #qm0 .qmactive:hover { background-color:#000000; color:white; text-decoration:underline; } /*"""""""" (SUB) Container""""""""*/ #qm0 div, #qm0 ul { padding:5px; margin:0px 0px 0px -20px; background-color:#000000; border-width:4px 1px 1px; border-style:solid; border-color:#999999; } /*"""""""" (SUB) Items""""""""*/ #qm0 div a, #qm0 ul a { padding:2px 10px 2px 5px; background-color:#000000; color:white; border-width:1px; border-style:solid; } /*"""""""" (SUB) Hover State""""""""*/ #qm0 div a:hover, #qm0 ul a:hover { text-decoration:underline; } /*"""""""" (SUB) Active State""""""""*/ body #qm0 div .qmactive, body #qm0 div .qmactive:hover { color:white; } /* MyCSSMenu 1 */ /*"""""""" (MAIN) Container""""""""*/ #qm1 { background-color:transparent; } /*"""""""" (MAIN) Items""""""""*/ #qm1 a { padding:5px 40px 5px 8px; background-color:#FFFFFF; color:#000000; font-family:Arial; font-size:0.8em; text-decoration:none; border-width:1px; border-style:solid; border-color:#DDDDDD; } /*"""""""" (MAIN) Hover State""""""""*/ #qm1 a:hover { background-color:#EFEFEF; } /*"""""""" (MAIN) Active State""""""""*/ body #qm1 .qmactive, body #qm1 .qmactive:hover { background-color:#EFEFEF; text-decoration:underline; } /*"""""""" (SUB) Container""""""""*/ #qm1 div, #qm1 ul { padding:5px; margin:-1px 0px 0px; background-color:#EEEEEE; border-width:1px; border-style:solid; border-color:#CCCCCC; } /*"""""""" (SUB) Items""""""""*/ #qm1 div a, #qm1 ul a { padding:2px 40px 2px 5px; background-color:transparent; border-width:0px; border-style:none; border-color:#000000; } /*"""""""" (SUB) Hover State""""""""*/ #qm1 div a:hover, #qm1 ul a:hover { text-decoration:underline; } /*"""""""" (SUB) Parent Items""""""""*/ #qm1 div .qmparent { background-color:transparent; } /*"""""""" (SUB) Active State""""""""*/ body #qm1 div .qmactive, body #qm1 div .qmactive:hover { background-color:#FFFFFF; }

Last edited by snakeair; 10-05-2010 at 11:01 PM.
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 10-06-2010, 01:08 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Looks like there is something wrong with the way you implemented this. It has a script errror:
Quote:
Webpage error details

Message: Object required
Line: 24
Char: 11
Code: 0
URI: http://tealco.net/bucky_balls_buckyballs.html
I would figure that out first to see if that is the problem.
 
Reply With Quote
  #3  
Old 10-06-2010, 12:10 PM
adam75dfw adam75dfw is offline
Member
 
Join Date: 09-07-10
Posts: 32
iTrader: 0 / 0%
Thanks for the help! I don't really understand what's wrong, though. When I count the lines, I get

navRoot = document.getElementById("nav");

I tried replacing "navRoot = document.getElementById("nav");" with "navRoot = document.getElementById("qm0");|, but it didn't help. Is my problem in the JS code or the CSS? What object is missing?

I also made the Suckerfish bar, http://tealco.net//zzsuckerfish.html, which pulls down on IE, but I'm having no luck making it look nice. I'm not sure which one is easier to correct - the new suckerfish that works but looks awful, or the old menu that looks great but doesn't work in IE.

Any further help with this issue will be very much appreciated. My sales have dropped to almost zero, almost certainly due to this menu not working in IE.

Last edited by adam75dfw; 10-06-2010 at 12:38 PM.
 
Reply With Quote
  #4  
Old 10-06-2010, 04:37 PM
adam75dfw adam75dfw is offline
Member
 
Join Date: 09-07-10
Posts: 32
iTrader: 0 / 0%
Okay, these menus are kicking my butt. Can I get some more specific help with making the original menu work with IE? It looks so much better than the other 2 I've wasted all this time on, and it works so nicely with FF...
 
Reply With Quote
  #5  
Old 10-06-2010, 07:13 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Your original menu is now appearing in IE8.

What is the issue now?
 
Reply With Quote
  #6  
Old 10-06-2010, 07:22 PM
adam75dfw adam75dfw is offline
Member
 
Join Date: 09-07-10
Posts: 32
iTrader: 0 / 0%
uh... Okay... Now the menu works, but the JS stars in the background stopped... Very weird... I don't know what I did. I guess it's a good trade.
 
Reply With Quote
  #7  
Old 10-06-2010, 07:26 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Stars? I thought they were balls. Anyways, they are there here in IE8, just delayed start.
 
Reply With Quote
  #8  
Old 10-06-2010, 07:27 PM
adam75dfw adam75dfw is offline
Member
 
Join Date: 09-07-10
Posts: 32
iTrader: 0 / 0%
I wonder why they stopped in FF? They look stupid in IE because they sort of slowly chug along, but they look(ed) cool in FF.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Dropdown menu for form, how to do? MissTa Coding Forum 2 04-03-2010 12:25 AM
Looking for a program, and need help with dropdown menu ghanes14 Coding Forum 1 05-03-2008 12:19 AM
dropdown menu issue Rushtrack Coding Forum 1 05-02-2008 06:21 AM
CSS Dropdown Menu, need some help... :( Klaas Koopman Coding Forum 9 11-30-2006 04:50 PM
Problem with Dropdown menu AND CSS pachrist Coding Forum 1 06-03-2004 05:24 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 01:46 PM.
Powered by vBulletin
Copyright © 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC