Help-css

[Ross1234]

hi im trying to make a navigation bar with image rollover but i don't know the code. The page is this and the rollover images are below it. Can you help?
if you could post the code here I would be eternally grateful.
here

 

[SiriusB]

http://www.google.com/search?q=css+rollover

There are enough pages in google to sink a ship.

 

[Butters]

I wouldnt bother rolling over with an image unless you want the whole thing to change. If you just want the text to change colour you need to add something like this (which i've just checked and it works).

.navbar li { 
	margin: 0;
	padding: 0;
	}
	
.navbar a {
	display: block;
	text-decoration: none;
	color: #ffffff;
	}
	
.navbar a:hover {
	color: #0000ff;
	}

This gives you a white text to blue text roll over

If you want the entire image to chage, you just give the background a url link.

Make sure then, in the html you make the nav linkable, like so

<div align="right" class="style2"><a href="#">Home</a></div>
  </div>
  <div class="navbutton1">
    <div align="center" class="style2"><a href="#">Contact</a></div>
  </div>
  <div class="style3">
    <div align="left"><a href="#">Other</a></div>
  </div>

Hope this helps a bit

 

[Sic]

the key to image rollovers with css is not to replace the image, but to move it