CSS dropdown & IE bug

[Marco]

hi
I'm trying to implement a CSS dropdown menu like this

http://www.alistapart.com/articles/hybrid/

on this website

http://www.oratoriogroppello.com/nuovo.php

The problem is the Javascript made to resolve the lack support of
:hover. It doesn't work. why?

thanks to everybody

Marco

[Arctic Fidelity]

Re: CSS dropdown & IE bug

Marco <sperminator.NO SPAM@tiscali.it > wrote in news:yQY4e.7454 24
$b5.33530305@ne ws3.tin.it:
[color=blue]
> The problem is the Javascript made to resolve the lack support of
>:hover. It doesn't work. why?[/color]

There are any number of things that could be wrong. I've just finished
something like this, and I had two problems. A) I had to set the
correct mime-type for the file on my server for XP SP 2, and then I
accidently had specified the wrong url() for it. Other than that, I
don't know why it would not be working for you unless you post up some
code that we can look at.

--
Arctic Fidelity <spam@sacrificu mdeo.net>
<http://www.sacrificumd eo.net>
"Beware of bugs in the above code; I have only proved it correct, not
tried it." -- Donald Knuth

[Arctic Fidelity]

Re: CSS dropdown &amp; IE bug

Arctic Fidelity <spam@sacrificu mdeo.net> wrote in
news:Xns9630ACA EA146Aafsacrifi cumdeonet@216.1 96.97.131:
[color=blue]
> Marco <sperminator.NO SPAM@tiscali.it > wrote in news:yQY4e.7454 24
> $b5.33530305@ne ws3.tin.it:
>[color=green]
>> The problem is the Javascript made to resolve the lack support of
>>:hover. It doesn't work. why?[/color]
>
> There are any number of things that could be wrong. I've just finished
> something like this, and I had two problems. A) I had to set the
> correct mime-type for the file on my server for XP SP 2, and then I
> accidently had specified the wrong url() for it. Other than that, I
> don't know why it would not be working for you unless you post up some
> code that we can look at.[/color]

Sorry, I should have mentioned that I was using an htc file and the
csshover file found at <http://www.xs4all.nl/~peterned/csshover.html>
and I would recommend you do the same, I have found it to be the best
way to do this kind of stuff.

--
Arctic Fidelity <spam@sacrificu mdeo.net>
<http://www.sacrificumd eo.net>
"Beware of bugs in the above code; I have only proved it correct, not
tried it." -- Donald Knuth

[Alan J. Flavell]

Re: CSS dropdown &amp; IE bug

On Wed, 6 Apr 2005, Marco wrote:
[color=blue]
> The problem is the Javascript[/color]

Then you don't seem to have a stylesheets problem.
[color=blue]
> made to resolve the lack support of :hover.[/color]

But you're not asking for help with CSS.

[Marco]

Re: CSS dropdown &amp; IE bug

Arctic Fidelity wrote:[color=blue]
> Marco <sperminator.NO SPAM@tiscali.it > wrote:[color=green]
>>The problem is the Javascript made to resolve the lack support of
>>:hover. It doesn't work. why?[/color]
>
> Other than that, I
> don't know why it would not be working for you unless you post up some
> code that we can look at.[/color]

here some code
thank you very much.

bye

______laymenu2. css
#nav {
position: relative;
width: 750px;
height: 1.05em;
margin: 0;
padding: 0;
border-bottom: 3px solid #f63;
white-space: nowrap;
}

#nav li { /*float the main list items*/
margin: 0 0 0 2px;
float: left;
display: block;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #aaa #555 #f63 #999;
list-style-type: none;
}

#nav li ul { /*put the subnav below*/
position: absolute;
left: 0;
width: 100%;
top: 1.25em;
height: 0.75em;
margin: 0;
padding: 0;
white-space: nowrap;
display:none;
}

#nav li a { /*about the main list items*/
width: 7em;
display: block;
margin: 0;
padding: 1px 0.4em;
border-width: 1px 1px 0 1px;
border-style: solid;
border-color: #ccc;
background-color: #eee;
color: #666;
font: normal 0.7em/120% Verdana, Arial, Helvetica, sans-serif;
text-align: center;
text-decoration: none;
}

#nav li.on a { /*active main menu item*/
font-weight: bold;
background-color: #f63;
color: #fff;
border-color: #f96 #c30 #f63 #f96;
}

#nav li ul a { /*about submenu*/
border: 0;
float: left; /*ie doesn't inherit the float*/
color: #f90;
width: auto;
margin-right: 15px;
}

#nav li ul li { /*remove submenu borders*/
border: 0;
}

#nav li:hover ul, #nav li.over ul { /*for ie*/
display: block;
z-index: 6000;
background: #fff;
}

#nav li.off a:hover, #nav li.on a:hover { /*mouse over main list items*/
color: #f90;
}

/*subnav formatting*/
#nav li ul a, #nav li.on ul a {
display: block;
padding: 0.06em 1em 0;
border: 0;
background-color: #fff;
color: #000;
font: normal normal 0.66em/110% Verdana, Arial, sans-serif;
}



__ ieHover.js (inserted to correct IE bug as reported
__ http://www.alistapart.com/articles/hybrid/

startList = function() {
if (document.all&& document.getEle mentById) {
navRoot = document.getEle mentById("nav") ;
for (i=0; i<navRoot.child Nodes.length; i++) {
node = navRoot.childNo des[i];
if (node.nodeName= ="LI") {
node.onmouseove r=function() {
this.className+ =" over";
}
node.onmouseout =function() {
this.className= this.className. replace
(" over", "");
}
}
}
}
}
window.onload=s tartList;

[Martin!]

Re: CSS dropdown &amp; IE bug

Alan J. Flavell wrote:[color=blue]
> On Wed, 6 Apr 2005, Marco wrote:
>
>[color=green]
>>The problem is the Javascript[/color]
>
>
> Then you don't seem to have a stylesheets problem.
>
>[color=green]
>>made to resolve the lack support of :hover.[/color]
>
>
> But you're not asking for help with CSS.
>[/color]


you obviously have no clue the OP is talking about

[Martin!]

Re: CSS dropdown &amp; IE bug

Alan J. Flavell wrote:
[color=blue]
> On Wed, 6 Apr 2005, Marco wrote:
>
>[color=green]
>>The problem is the Javascript[/color]
>
>
> Then you don't seem to have a stylesheets problem.
>
>[color=green]
>>made to resolve the lack support of :hover.[/color]
>
>
> But you're not asking for help with CSS.
>[/color]


you obviously have no clue what OP is talking about

[Alan J. Flavell]

Re: CSS dropdown &amp; IE bug

On Thu, 7 Apr 2005, Martin! wrote nothing more than:
[color=blue]
> you obviously have no clue the OP is talking about[/color]

I'm sure they'll have found your contribution completely helpful and
constructive.

bye.

[Marco]

Re: CSS dropdown &amp; IE bug

Marco wrote:[color=blue]
> hi
> I'm trying to implement a CSS dropdown menu like this
> http://www.alistapart.com/articles/hybrid/
>
> on this website
> http://www.oratoriogroppello.com/nuovo.php
>
> The problem is the Javascript made to resolve the lack support of
> :hover. It doesn't work. why?[/color]

I reply by myself
there was a conflict with another js in the page (a kind of newsticker)