I am trying to put my css sprite navigation menu on top of my header image. I have removed the thematic_access(9) in my functions.php and I have my header image in #blog-title here is my code:
/* =Header
-------------------------------------------------------------- */
#header {
}
#branding {
padding:53px 0 20px 0;
}
#blog-title a {
background:url(images/header.jpg) no-repeat top center;
display:block;
text-indent:-9000px;
width: 940px;
height: 335px;
}
ul#menu_nav {
margin: 0;
padding: 0;
list-style: none;
}
ul#menu_nav li {
float: left;
margin: 0;
padding: 0;
height: 104px;
}
ul#menu_nav li a {
background: url(images/fendernav_03.png) no-repeat;
display: block;
height: 104px;
outline: 0;
text-indent: -999em;
}
ul#menu_nav li#nav_home a:link, ul#menu_nav li#nav_home a:visited, ul#menu_nav li#nav_home a:focus {
background-position: -0px -0px;
width: 145px;
}
ul#menu_nav li#nav_home a:hover, ul#menu_nav li#nav_home a:active {
background-position: -0px -104px;
width: 145px;
}
ul#menu_nav li#nav_gallery a:link, ul#menu_nav li#nav_gallery a:visited, ul#menu_nav li#nav_gallery a:focus {
background-position: -145px -0px;
width: 160px;
}
ul#menu_nav li#nav_gallery a:hover, ul#menu_nav li#nav_gallery a:active {
background-position: -145px -104px;
width: 160px;
}
ul#menu_nav li#nav_music a:link, ul#menu_nav li#nav_music a:visited, ul#menu_nav li#nav_music a:focus {
background-position: -305px -0px;
width: 135px;
}
ul#menu_nav li#nav_music a:hover, ul#menu_nav li#nav_music a:active {
background-position: -305px -104px;
width: 135px;
}
ul#menu_nav li#nav_events a:link, ul#menu_nav li#nav_events a:visited, ul#menu_nav li#nav_events a:focus {
background-position: -440px -0px;
width: 138px;
}
ul#menu_nav li#nav_events a:hover, ul#menu_nav li#nav_events a:active {
background-position: -440px -104px;
width: 138px;
}
ul#menu_nav li#nav_impersonations a:link, ul#menu_nav li#nav_impersonations a:visited, ul#menu_nav li#nav_impersonations a:focus {
background-position: -578px -0px;
width: 288px;
}
ul#menu_nav li#nav_impersonations a:hover, ul#menu_nav li#nav_impersonations a:active {
background-position: -578px -104px;
width: 288px;
}
/*--Menu Navigation Ends Here--*/I removed thematic_blogdescription(5) in fucntions php and added a new function for the nav menu here is the code:
// Unhook default Thematic functions
function unhook_thematic_functions() {
remove_action('thematic_header','thematic_access',9);
}
{
add_action('init','unhook_thematic_functions');
}
function unhook_thematic_functions() {
remove_action('thematic_header','thematic_blogdescripton',5);
}
{
add_action(init',unhook_thematic_functions');
}
function glenbrown_navmenu() {
?>
<div id="glenbrown_navmenu">
<ul id="menu_nav">
<li id="nav_home"><a>" title="Go Back To The Home Page">Home</a>
<li id="nav_gallery"><a href="/photos/" title="Check Out All The Pictures of Glen and The Band">Photo Gallery</a>
<li id="nav_music"><a href="/music/" title="Listen to Glen's Music">Music</a>
<li id="nav_events"><a href="/events/" title="Event Information">Bio</a>
<li id="nav_impersonations"><a href="/impersonations" title="Listen to Glen's Impersonations">Impersonations</a>
</div>
<?php }
// end of our new function glenbrown_navmenu
// Now we add our new function to our Thematic Action Hook
add_action('thematic_header','glenbrown_navmenu');It wont show up at all
here is the site: http://movieflicks.us/
this is my testing server
