I don't know if this helps, but I preferred to make the entire
latticework ul/li apparatus transparent (background/border: none) and
use margin/padding/background/border for a container div, and I
thought it worked pretty good.
My problem now is that I need to leave breadcrumbs for highlight, so
it's easier to tell what root menu was selected.
Anyways, put this at the very bottom of your navStyle.css file:
<code>
#nav LI.sfHover A {
COLOR: #51749f; FONT-WEIGHT: bold;
}
</code>
You might try this for a neat effect:
<code>
#nav li.sfHover a {
COLOR: #ff0000; FONT-WEIGHT: bold;
}
#nav li.sfHover ul li a {
COLOR: #505050;
}
</code>
HTH
On Nov 20, 4:04 pm, cromeis <[EMAIL PROTECTED]> wrote:
> Hi Joel,
> Thank you so much for your css suggestion and for explaining your
> choice of a class vs. an id.
> Unfortunately the css suggestion did not correct the issue. I updated
> the css with the following code:
>
> #nav li:hover, #nav li.sfHover,
> #nav li:hover a, #nav li:sfHover a,
> #nav a:hover, #nav li a:hover,
> #nav a:focus, #nav a:active {
> color:#51749F;
> background:#ffffff;
> text-decoration:line-through;
> }
>
> I added the text-decoration:line-through code as a test to see what IE
> and Firefox pick up. What is interesting is that IE6 picks up the
> line-through but not the color, and I don't think Firefox sees this
> chunk of code at all.
>
> I also tried moving the order of things around, thinking maybe
> something was overwriting it somewhere, but that did not make a
> difference. I'm afraid IE6 just may not work the way I want it to...
>
> The updated code is online athttp://home.comcast.net/~mtrinen/test/test.html
> if you have time to take another look at it.
>
> Thank you so much for all of the help you have already given, I would
> appreciate any advice you may be able to offer!
>
> cheers,
> carleigh
>
> On Nov 16, 11:27 pm, "Joel Birch" <[EMAIL PROTECTED]> wrote:
>
> > Hi Carleigh,
>
> > Sorry for the delay in replying - I've been really busy.
>
> > This should solve it I think. In the css rule with the selector:
> > #nav li:hover, #nav li.sfHover, #nav a:focus, #nav a:hover, #nav
> > a:active { ... }
>
> > you need to have this selector also: #nav li:hover a, #nav li:sfHover a
> > I notice that further down in that file you have #nav li:hover > a,
> > #nav li.sfHover > a but that will not work in IE6 as that type of
> > selector was not supported in that browser. Hope this helps.
>
> > As for why the class instead of id: I wanted to make it easy for
> > people to addSuperfishto already existing suckerfish menus which
> > likely already have an id associated with them. I figured adding a
> > class to the nav and adding the bits ofSuperfishcss as necessary
> > would be less work than the other way. Also, if you want multiple
> > menus on a page a class approach is better than an id.
>
> > Good luck.
> > Joel Birch.
