IE and JS are like Fast good

[patlap]

It's hard trying to live with no Javasscript so I raplace a dropdown menu with a list items in CSS.

Great!

Except that it's not working with IE now.

So now it is hard to live without considering IE.

IE and Javasript are like fastfood you don't want to eat it but you cannot ignore it.

Can you feel my discouragment, and my bad english.

Sorry I have to go catch a BigMac.
If you have some fruits for desert for me i'll get it want I return

[Dan Grossman]

Got some code or a URL you want help with?

[Paul O'B]

HI,

If you are talking about drop down menus then you need to use a little javascript for ie6 and under.

Have look at the suckerfish menus for some lightweight unobtrusive code:

http://www.htmldog.com/articles/suckerfish/

http://www.pmob.co.uk/temp/drop-down-multi-opaque.htm

[patlap]

Shure I forgot.
http://www.virochempharma.com/corpoTest.php

[patlap]

Thank you Paul the multi-opaque is impressive

[Paul O'B]

Hi,

You can add the basic drop down into your code quite easily.

ul#navlist li:hover ul#subnavlist,
ul#navlist li.over ul#subnavlist
{
 display: block;
 position: absolute;
 font-size: 8pt;
 padding-top: 0px;
 border: 3px #ffffff solid;
 left:0;
}
* html ul#navlist li.over ul#subnavlist{margin-top:1.5em;}
ul#navlist li:hover ul#subnavlist li a,
ul#navlist li.over ul#subnavlist li a
{
 display: block;
 width: 350px;
 border: none;
 padding: 2px;
 border: 0px #ffffff solid;
 color: #2c5b85; 
 text-decoration: none; 
 background-color: #9c3;
}

You may need to tweak the positions a bit for ie but the above is more or less the same.

Then just add the js:

<script type="text/javascript"><!--//--><![CDATA[//><!--
sfHover = function() {
 var sfEls = document.getElementById("navlist").getElementsByTagName("LI");
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].onmouseover=function() {
   this.className+=" over";
  }
  sfEls[i].onmouseout=function() {
   this.className=this.className.replace(new RegExp(" over\\b"), "");
  }
 }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
//--><!]]></script>

[blain]

should we really be using css for behaviours?

[all4nerds]

should we really be using css for behaviours?

Hello

The (JavaScript) Hover was so successful that they build it in the browsers

[Paul O'B]

should we really be using css for behaviours?

Its a fair point but if the functionality is already built in then why not use it if it uses less code than a javascript alternative.

PPK had an interesting article about this a couple of years ago.

http://www.digital-web.com/articles/..._presentation/

[patlap]

Can someone with PC IE eyes can confirm if my dropdown suckerfish menu is working.
Thank you.

[poisson]

yes patlap it is working though there is a white space at the top. see attachment

[Paul O'B]

Hi,

You need to remove the padding to dtop the gap pointed out by poisson and it will allow the submenu to be selected because at present it will vanish before you can get to it (in IE.)

ul#navlist li.over ul#subnavlist
{
 display: block;
 position: absolute;
 font-size: 8pt;
 /*padding-top: 4px; remove this*/
 border: 1px #2c5b85 solid;
 left:15px;
}

[patlap]

Everythings have is place.
Thank you Paul.