Vodkaholic
OMG Member
- Joined
- Feb 8, 2011
- Messages
- 296
Q_Q so...
ive been trying to get this navbar code to work, everything works great but one thing The selected part will not work no matter what i do or try (am not very good with CSS) so by some luck someone here might be able to help me out with it
CSS is
navbar its self
This is the bit out of the above css which i cant get to work
Many thanks for looking!
ive been trying to get this navbar code to work, everything works great but one thing The selected part will not work no matter what i do or try (am not very good with CSS) so by some luck someone here might be able to help me out with it
CSS is
HTML:
#navigation {
text-align: center;
float: left;
}
#navigation ul {
list-style:none;
margin:0;
padding:10;
}
#navigation ul li {
padding:0;
display: block;
float: left;
font-size:13px;
height:30px;
line-height:30px;
}
#navigation ul li a:selected {
background:url(images/navhover.png) no-repeat bottom center;
}
#navigation ul li a {
text-decoration: none;
color:#e7c69e;
padding:0 15px;
display: block;
float: left;
margin:0;
}
#navigation ul li a:hover{
}
#navigation ul li.current_page_item a {
color:#6bb5ce;
}
#navigation ul li.current_page_item a:hover {
color:#6bb5ce;
}
navbar its self
HTML:
<div id="navigation">
<ul>
<li><a href="http://XXXXXXX/xf" class="">Home</a></li>
<li><a href="http://myanimeisland.com/forum/" class="">Forums</a></li>
</ul>
</div>
This is the bit out of the above css which i cant get to work
HTML:
#navigation ul li a:selected {
background:url(images/navhover.png) no-repeat bottom center;
}