[revolution14]

Hello there good people!

Basically i am creating a nav bar using html and css. What i have done is got 2 copies of each button on the nav bar one with the text in white and one with the text in blue.

All i want to do is when the user rolls over a specific button on my nav bar the image will change to the one with different text.

This is just a simple roll over image. I know how to do this with java but i would like to use simple css if possible!

any ideas??

[revolution14]

sorry i forgot to mention here is the current code i am using

<div id="header" align = center>
	 <h1><img src="images/people.jpg"</h1>

	<div id="nav">
				<a href="#"><img src="images/m-home.jpg" width="120" height="41" alt="M1"></a>
				<a href="#"><img src="images/m-rest.jpg" width="120" height="41" alt="M2"></a>
				<a href="#"><img src="images/m-take.jpg" width="120" height="41" alt="M3"></a>
				<a href="#"><img src="images/m-clubs.jpg" width="120" height="41" alt="M4"></a>
				<a href="#"><img src="images/m-gigs.jpg" width="120" height="41" alt="M5"></a>
				<a href="#"><img src="images/m-trans.jpg" width="120" height="41" alt="M6"></a>
	</div>
	</div>

I dont kow if i can do it this way because all the nav buttons are under the same div? would i have to give them all seperate divs and assign an a: hover to each individual image??

[capty99]

here is the way i do it :

http://www.kirupa.co...s_rollovers.htm

however, if your just changing the color of the text... do that with your css.

(lep glad to see your still reading the boards. i spied you)

[SteeLx]

Thanks @ revolution14'

between i use Dreamweaver n now CS3 has AJAX tabs too