Hi everyone, this is my first post and I am trying to get my top navigation menu tabs displaying a ‘current’ state. I have this in my css.
/* menu tabs */
#header ul {
z-index: 999999;
position: absolute;
margin:0; padding: 0;
list-style:none;
right: 12px;
bottom: 6px!important; bottom: 5px;
font: bold 13px Arial, 'Trebuchet MS', Tahoma, verdana, sans-serif;
}
#header li {
display:inline;
margin:0; padding:0;
}
#header a {
float:left;
background: url(../images/tableft.gif) no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#header a span {
float:left;
display:block;
background: url(../images/tabright.gif) no-repeat right top;
padding:6px 15px 3px 8px;
color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
color:#FFF;
}
#header a:hover {
background-position:0% -42px;
}
#header a:hover span {
background-position:100% -42px;
}
/* This is the current state for menu tabs */
#header #current a {
background-position:0% -42px;
color: #FFF;
}
#header #current a span {
background-position:100% -42px;
color: #FFF;
}
/* end menu tabs */
and I am using this code at the top of my page
[php]<?php
//Set values for page
$page_title = “The Fulham Study - Home”;
$current_page = “home”;?>
and this is my navigation include_once file
[php]
<li<?php if ($current_page == "home") { ?>id=“current”<?php } ?>>Home
<li<?php if ($current_page == "about") { ?>id=“current”<?php } ?>>About
<li<?php if ($current_page == "News") { ?>id=“current”<?php } ?>>News
<li<?php if ($current_page == "contact") { ?>id=“current”<?php } ?>>Contact
<li<?php if ($current_page == "support") { ?>id=“current”<?php } ?>>Support
<li<?php if ($current_page == "home") { ?>id=“current”<?php } ?>>Downloads
it’s driving me pretty crazy so any help would be hugely appreciated. Thanks