Forum Moderators: not2easy
Im currently trying to de-bug this site and ONE of my problems is that my ul buttons in the nav disappear when the mouse rolls over them in IE6. works fine in IE7, firefox & safari.
I am using php to dynamically load in the nav, here is the code:(sorry i know its long!)
HTML:
<body id="home">
<div id="wrapper">
<div id="header_img"><img src="images/index_main.jpg"/>
</div>
<div id="navigation">
<?php include 'nav.php'; ?>
</div>
...
</div>
</body>
PHP:
<ul id="tabnav">
<li class="home"><a href="index.php">home</a></li>
<li class="facilities"><a href="facilities.php">facilities</a></li>
...
</ul>
CSS:
#navigation {
width:890px;
height:25px;
float:left;
margin-top:5px;
margin-left:5px;
margin-bottom:5px;
}
#navigation ul {
margin:0;
list-style:none;
}
#navigation li{
float:left;
height:25px;
background-image:url(images/tab_left.jpg);
background-repeat:no-repeat;
margin:0;
padding:0 0 0 8px;
}
#navigation a {
float:left;
display:block;
background-image:url(images/tab_right.jpg);
background-repeat:no-repeat;
background-position:right top;
padding: 6px 18px 7px 8px;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#ffffff;
}
#home #navigation li.home,
#facilities #navigation li.facilities,
#dining #navigation li.dining,
#events #navigation li.events,
#bookings #navigation li.bookings,
#results #navigation li.results,
#shows #navigation li.shows,
#hall #navigation li.hall,
#news #navigation li.news,
#contact #navigation li.contact {
background-image:url(images/tab_left_active.jpg);
}
#home #navigation li.home a,
#facilities #navigation li.facilities a,
#dining #navigation li.dining a,
#events #navigation li.events a,
#bookings #navigation li.bookings a,
#results #navigation li.results a,
#shows #navigation li.shows a,
#hall #navigation li.hall a,
#news #navigation li.news a,
#contact #navigation li.contact a {
background-image:url(images/tab_right_active.jpg);
background-color:transparent;
color:#ffffff;
}
I dont have a hover on the ul/li..perhaps i need to?
I copied this code from a sitepoint book so im not sure where id put it if i did.
As i mentioned this is just one bug im trying to fix, i know there are quite a few more that need fixing!Im relatively new to this so im tryin to get my head around it all.
Big Thankyou!
Any ideas?
