Q_Q god dam navbar killing my small brain

Status
Not open for further replies.

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 <3

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;
	}
Many thanks for looking!
 

Trombones13

OMG Member
Joined
Jan 10, 2011
Messages
1,111
Thought #1:
I'm not sure this is it, but have you tried background-image??
HTML:
#navigation ul li a:selected {
	background-image:url(images/navhover.png) no-repeat bottom center;
	}

Thought #2:
Is your filepath incorrect? I don't think I have an images folder. Check where the file is; I imagine it'd be somewhere more like styles/default/xenforo. o_O
 

Vodkaholic

OMG Member
Joined
Feb 8, 2011
Messages
296
Yes its the right path its nothing to do with Xenforo thats why its in off-topic :D
 
Status
Not open for further replies.
Top