3 Replies - 921 Views - Last Post: 17 April 2008 - 03:26 AM

#1 revolution14  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 49
  • Joined: 11-December 07

how do i use css to create a roll over image ?

Post icon  Posted 08 April 2008 - 08:27 AM

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

Is This A Good Question/Topic? 0
  • +

Replies To: how do i use css to create a roll over image ?

#2 revolution14  Icon User is offline

  • New D.I.C Head

Reputation: 1
  • View blog
  • Posts: 49
  • Joined: 11-December 07

Re: how do i use css to create a roll over image ?

Posted 08 April 2008 - 08:39 AM

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??
Was This Post Helpful? 0
  • +
  • -

#3 capty99  Icon User is offline

  • i am colt mccoy
  • member icon

Reputation: 97
  • View blog
  • Posts: 10,081
  • Joined: 26-April 01

Re: how do i use css to create a roll over image ?

Posted 08 April 2008 - 08:48 AM

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)
Was This Post Helpful? 0
  • +
  • -

#4 SteeLx  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 7
  • Joined: 07-August 07

Re: how do i use css to create a roll over image ?

Posted 17 April 2008 - 03:26 AM

Thanks @ revolution14'

between i use Dreamweaver :) n now CS3 has AJAX tabs too :D
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1