Jump to content

Superfish doesn't work!


mcfmullen

Recommended Posts

I am trying to get Superfish to work in my header of phpBB.

 

This is my code in the header:

 

<script type='text/javascript' src='jquery.js?ver=1.4.2'></script>

<script type='text/javascript' src='hoverIntent.js'></script>

<script type='text/javascript' src='superfish.js'></script>

<script> $("ul.sf-menu").superfish({autoArrows: true, speed: 'fast', dropShadows: 'true'});</script>

</head>
<body class="{S_CONTENT_DIRECTION}">

<div id="nav">
<div id="nav-content" class="clearfix">
<div class="menu-pages-container"><ul id="menu-pages" class="sf-menu menu clearfix"><li id="menu-item-1715" class="menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-1715"><a href="http://localhost/">Home</a></li>
<li id="menu-item-1738" class="menu-item menu-item-type-post_type menu-item-1738"><a href="http://localhost/about/">About</a></li>
<li id="menu-item-1717" class="menu-item menu-item-type-post_type menu-item-1717"><a href="http://localhost/animals/">Animals</a>
<ul class="sub-menu">
<li id="menu-item-1718" class="menu-item menu-item-type-post_type menu-item-1718"><a href="http://localhost/animals/mammals/">Mammals</a></li>
<li id="menu-item-1719" class="menu-item menu-item-type-post_type menu-item-1719"><a href="http://localhost/animals/reptiles/">Reptiles</a></li>
</ul>
</li>
</ul></div>

 

This is my css:

#nav  { background: url(../../images/topnav.jpg) repeat-x bottom #322C2C; min-width: 990px; }
#nav-content  { margin: 0 auto; width: 978px; }
#nav .sf-menu  { float: left; line-height: 1.1; max-width: 770px; }
#nav .sf-menu a  { display: block; text-decoration: none; padding: 8px 12px 11px; color: #AAA; font-size: 14px; }
#nav .sf-menu ul li  { border: 1px solid #474331; margin-top: -1px; }
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li  { background: #373331; color: #FFF; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#nav .sf-menu li li a  { padding: 7px 10px; line-height: 1; height: auto; font-size: 12px; }
#nav .sf-menu .sf-with-ul  { padding-right: 15px; }
#nav .sf-sub-indicator  { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#nav .sf-menu ul .sf-sub-indicator	{ display: none; }
#nav .quick-nav li  { padding-top: 8px; }

 

The menu displays just fine but it is supposed to be displaying dropdown.png and have a fadein effect.

 

This setup works inside wordpress but it isn't working inside phpBB.

 

The url for Superfish is http://users.tpg.com.au/j_birch/plugins/superfish/# for those interested in reading about it.

 

Can anyone help me figure out what's preventing Superfish from working?

Link to comment
https://forums.phpfreaks.com/topic/220095-superfish-doesnt-work/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.