Hi there,

I am new to this so please bear with me.

I have used the superfish menu for my navigation on a site that I am
working on and have run into a few problems. Following the
instructions on http://users.tpg.com.au/j_birch/plugins/superfish/#sample4
and by looking at the source of that page I have almost got it
completely working. The only issue I have left is that when I click on
any tab, regardless of level I don't get the situation whereby the 2nd
level (horizontal) is displayed under the top tab.

Instead I get the 2nd level area just blank, blue, with no links in
it. For instance if I go to Home and then on the 2nd level click
another menu item, it is highlighted in bold for a few seconds and
then disappears and I am left with a blank blue 2nd level. When I
hover over Home again, I see the one I clicked and it is highlighted.
So the problem on lies with getting the 2nd level to remain visible
once I have chosen a link.

I am using references to the jquery javascript files used on the
superfish site (so that they are indentical). Any css files I have
downloaded and placed into my working directory. The only change I
have made was to the 'superfish-navbar.css' file, which was changing:

.sf-navbar li ul {
        width:                  44em; /*IE6 soils itself without this*/
}

TO

.sf-navbar li ul {
        width:                  150em; /*IE6 soils itself without this*/
}

As I needed the 2nd level to be wider once I hovered over a top level
tab.

I also have the 2 .png images that you supplied and these are in my
workspace.

I also have "  <script type=text/javascript>$(document).ready(function
(){$('#horizontal-menu').superfish({pathClass:  'current'}); });</
script>" In my source under my javascript declarations. I looked at
the source of the page on superfish and it was the same apart from
they have #sample-menu4 I think and I have replaced it with horizontal-
menu. It is still the id attribute of the top UL tag though.

Can anyone tell me why this results in the 2nd level 'snapping' back
to simply being as wide as the top tabs area with no links in it,
rather than remaining the correct width when hovered over, with the
links displayed, and the one on the current path highlighted?

Much appreciated

Chris

Reply via email to