Rollover and disjointed rollover on same items?

[jtyoungs]

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

[jtyoungs]

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

[karinne]

Yes

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

[jtyoungs]

i knew you wouldn't let me down karinne!

Much love :kiss2:

[karinne]

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

[jtyoungs]

[karinne]

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

[jtyoungs]

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

[karinne]

Nice try ...

[jtyoungs]

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

[alexgeek]

Originally Posted by jtyoungs

so if i hovered over the about us page the page would show a picture of me (random).

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?

[jtyoungs]

picture being random lol im glad it brightened someones day

[alexgeek]

Originally Posted by jtyoungs

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

[jtyoungs]

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 )

[alexgeek]

which button..?

[jtyoungs]

the 5 which aren't hit.

[alexgeek]

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?

[jtyoungs]

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

[karinne]

huh? that post didn't make sense at all

[jtyoungs]

it holds there places, i can't explain really, if you look at the navigation bit of my css you can work it out for yourself. the buttons are images not text.