I am trying to set up this menu: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm by Stu Nichols.
I am using an image, so I am using the <!–4th anchor link–>.
Attached is my header.php so you can see the code I have. For some reason this is not working. I have the files uploaded already, and the paths are correct so that is all good.
This is on the facebook icon at the top of my page: http://billboardfamily.com/
header.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<!-- BEGIN html head -->
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
<?php if (function_exists('wp_enqueue_script') && function_exists('is_singular')) : ?>
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php endif; ?>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/assets/css/style.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/assets/css/lightbox.css" />
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/assets/css/anylinkmenu.css" />
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" type="image/gif" href="animated_favicon1.gif" >
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/assets/css/ie6.css" />
<![endif]-->
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/assets/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/assets/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/assets/js/scripts.js"></script>
<script type="text/javascript" src="menucontents.js"></script>
<script type="text/javascript" src="anylinkmenu.js">
/***********************************************
* AnyLink JS Drop Down Menu v2.0- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm for full source code
***********************************************/
</script>
<script type="text/javascript">
//anylinkmenu.init("menu_anchors_class") //Pass in the CSS class of anchor links (that contain a sub menu)
anylinkmenu.init("menuanchorclass")
</script>
<?php wp_head(); ?>
</head>
<!-- END html head -->
<body>
<!-- BEGIN wrapper -->
<div class="wrapper">
<!-- BEGIN header -->
<div id="header">
<div class="search">
<form action="<?php echo get_option('home'); ?>/">
<input type="text" name="s" id="s" value="<?php the_search_query(); ?>" />
<button type="submit">S</button>
</form>
</div>
<div class="subscribe">
<a title="Follow Us on Facebook" class="menuanchorclass" rel="anylinkmenu4" data-image="<?php bloginfo('template_url'); ?>/assets/images/facebook_icon.png" data-overimage="<?php bloginfo('template_url'); ?>/assets/images/facebook_icon.png" target="_new"><img alt="Follow Us on Facebook" src="<?php bloginfo('template_url'); ?>/assets/images/facebook_icon.png" style="border-width:0 /></a>
<a href="http://www.twitter.com/billboardfamily" title="Follow Us on Twitter" target="_blank"><img alt="Follow Us on Twitter" src="<?php bloginfo('template_url'); ?>/assets/images/twitter_icon.png"/></a>
<a href="http://www.flickr.com/photos/billboardfamily/" title="See Our Flickr Photos" target="_blank"><img alt="See Our Flickr Photos" src="<?php bloginfo('template_url'); ?>/assets/images/flickr_icon.png"/></a>
<a href="http://www.youtube.com/BillboardFamily" title="Check Out Our YouTube Videos" target="_blank"><img alt="Check Out Our YouTube Videos" src="<?php bloginfo('template_url'); ?>/assets/images/youtube_icon.png"/></a>
<a href="http://feeds.feedburner.com/BillboardFamily" title="Subscribe via RSS" target="_blank"><img alt="Subscribe via RSS" src="<?php bloginfo('template_url'); ?>/assets/images/rss_icon.png"/></a>
<br />
<img alt="Follow Us" src="<?php bloginfo('template_url'); ?>/assets/images/followus.png"/>
</div>
<div class="logo">
<h1><a href="<?php echo get_option('home'); ?>"><?php bloginfo('name'); ?></a></h1>
</div>
<kul>
<?php wp_page_menu('include=2,4,22,169,24,26,29,31&sort_column=menu_order'); ?>
</ul>
<div class="break"></div>
<div class="purchase">
<a href="/calendar" title="Purchase Your Day"><img alt="Purchase Your Day" src="<?php bloginfo('template_url'); ?>/assets/images/purchase.png"/></a>
</div>
<!-- END header -->
</div>
<!-- END wrapper -->
<!-- BEGIN wrapper -->
<div class="wrapper">
<!-- BE/GIN body -->
<div id="body">