Rollover and disjointed rollover on same items?

this is complicated to explain, i appreciate your patience in advance.

First i have 6 buttons, lets say they are 50px height for ease.

i will have an image of three buttons for every button so when its hovered it goes up or down by 50px showing a different button, and when its on that page it will show the other button which won't change.

The other 5 buttons which are still active however i want them to change the header picture depending on which button you hover over. so if i hovered over the about us page the page would show a picture of me (random).

Is this possible using css?

cheers jimi

help please

want to get this layout im doing out of my mind for the weekend, so need it done in next few hours

i don't need code just yes or no answer and i will work it out

Yes

You can see it here .... hover the menu

i knew you wouldn't let me down karinne!

Much love :kiss2:

Whoa ... stop with the kissing or I'll send my hubby and my little monster after you

:rofl: Don't mind me ... it's friday ... I'm happy!

want to help me then? i just had a chest x-ray and not feeling to good (sympathy working?) you can write the code i need for rollover thingy majig....

Nice try ...

i did have to get a chest xray though! how bad is that! im only 17!

This thread made me lol.
Are you on about the the picture itself being random or you want a random result each time you hover on something?

picture being random lol im glad it brightened someones day

ha! I just thought you meant a random picture (like 5 pics and a random one each time page loads)
never mind

naa know how to do that. i meant because im having a rollover on my buttons could i also have a rollover on the image above it, so when i hover over the button. the button changes, and it also changes the image.

check it out so far at http://www.wasteofinc.co.uk/jimi/jpr

but when i hover over a button i want the image above to change.

Not sure if it was possible, and the link karinne gave me wasn't that helpful after i looked at it lol (sorry karinne )

which button..?

the 5 which aren't hit.

In the navigation?
also could you explain this to me:

Code: Select all

		 		<dl class>
						<dt id="contact"><a href="#">Contact</a></dt>
						<dt id="sponsors"><a href="#">Sponsors</a></dt>
						<dt id="league"><a href="#">League</a></dt>
						<dt id="results"><a href="#">Results</a></dt>	
						<dt id="profile"><a href="#">Profile</a></dt>
						<dt id="home"><a href="#">Home</a></dt>
				</dl>

Why isn't ul and li tags?

yuhuh, the only ones on there lol, well except from the bottom...

(page didn't load properly so didn't see the rest of his post except from "in the navigation?")