PDA

View Full Version : Rollover menu/ active on selected page



mikacruz
Jan 22nd, 2009, 10:54 AM
Hello Again,
Would you know a simple way for the rollover menu I use to keep it's rollover image/color at the selected page?
here is the html page (http://www.eulconsult.eu/mic/index_n.html)
at line 15.

Css at line 78

#tabsF {
float:left;
width:100%;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}
#tabsF ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsF li {
display:inline;
margin:0;
padding:0;
}
#tabsF a {
float:left;
background:url("http://www.eulconsult.eu/mic/images/tableftJ.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsF a span {
float:left;
display:block;
background:url("http://www.eulconsult.eu/mic/images/tabrightJ.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover span {
color:#FFF;
}
#tabsF a:hover {
background-position:0% -42px;
}
#tabsF a:hover span {
background-position:100% -42px;
}

thank you!

abduraooft
Jan 22nd, 2009, 11:15 AM
http://www.codingforums.com/showthread.php?t=122490 would help you.