Color for hovering links

skitson · #1 Feb 3rd, 2008, 00:40

I have a little problem, i have many links for my menu, and I have a css file that changes the background color when hovered over, is there any way to make them have different colors for each link i indicate. Right now i can only change all of them.
via

Quote:

#menu a:hover {
background:transparent url(images/img28.gif) repeat-x scroll 0%; /*change background on mouse over*/
}

Quote:

<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="#">Homepage</a></li>
<li><a href="#">Archive</a></li>
<li><a href="#">Blog</a></li>
<li><a href="Photo's.htm">Photos/music</a>
<li><a href="javascript:ts('page',-1)">+ Smaller Font</a></li>
<li><a href="javascript:ts('page',1)">+ Larger Font</a></li>
<li><a href="#">Videos</a>

</ul>

</div>

Heres the site

delusion · #2 Feb 3rd, 2008, 05:07

Quote:

Originally Posted by skitson

I have a little problem, i have many links for my menu, and I have a css file that changes the background color when hovered over, is there any way to make them have different colors for each link i indicate. Right now i can only change all of them.
via
Heres the site

Make every <li> an ID, so
<li id="menu1"><a href="#">Archive</a></li>
<li id="menu2"><a href="#">Blog</a></li>
<li id="menu3"><a href="Photo's.htm">Photos/music</a>
<li id="menu4"><a href="javascript:ts('page',-1)">+ Smaller Font</a></li>

and in your CSS style your menu1, 2, 3 and 4..

I think

skitson · #3 Feb 3rd, 2008, 06:29

Thanks, that worked perfect. This had been bugging me for a while.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
PR4 links for sale...links in an excellent position	agent14	Link Building and Link Sales	4	Sep 19th, 2008 16:09
[SOLVED] Links not the right color	MotorManiac	Web Page Design	5	Dec 9th, 2007 09:25
hovering navigation div	jwalker80	Web Page Design	8	Feb 23rd, 2007 20:56
Blured Links (image links)	bruno89	Web Page Design	2	Jul 25th, 2006 14:48
change links color	jenjen1018	Web Page Design	18	Jan 4th, 2004 20:52

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Color for hovering links