Help integrating new CSS menu

Hello Experts,

We would like to integrate Superfish CSS menu (http://users.tpg.com.au/j_birch/plugins/superfish/) into our site design, but have a conflict with our current stylesheet that prevents the popout menu items from appearing in the correct location.  If you open the attached zip you will find index.html which is our current design, and an example page superfish.html which is a test implementation with the new menu.

Any help with resolving this would be appreciated.
ncas-2011-rev1.zip
sonic1234Asked:
Who is Participating?
 
zappafan2k2Commented:
There are seemingly a bunch of problems.  I'll see if I can remember them all...

You didn't include the "jquery-1.5.1.min.js" or the "supersubs.js" files
The other javascript file includes are syntactically incorrect [see below]
Interestingly, it wasn't CSS that was completely creating the problem you posted - you need to add the class "sf-vertical" to the first ul tag (id sample-menu-1)

Your javascript includes have the following syntax:
<src="js/hoverIntent.js"></script>

Open in new window

This should be
<script type="text/javascript src="js/hoverIntent.js"></script>

Open in new window

Make these changes, and you're almost there.  Now it's just a matter of removing the line
margin:12px 0 0 0;

Open in new window

from the file styles/base.css

Give that a try, and see how you make out.
0
 
sonic1234Author Commented:
Thank you for your help zappafan2k2 - all working now.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.