hey,

 

I'm basically try to do this image rollover: My link, stacked three times, something like this:My link

I cant get the rollover to work correctly, I dont understand the css fully (I know its basic css) so I'ts just been trial and error but I cant get it right. This is my CSS for the 2nd link

 

.fade {
 position: absolute;
 top: 100px
 left: 100px
}

.fade div {
 position: absolute;
 top: 0;
 left: 0;
 display: none;
}
.fade2 {
 position: absolute;
 top: 200px
 left: 200px
}

.fade2 div {
 position: absolute;
 top: 0;
 left: 0;
 display: none;
}

 

Can anyone help me get the three links working, I know having text links as images is not good practice but its the only way I can figure to do the fade in background.

 

cheers for any help

Look at the coding of my page here...

 

If it helps the links have two images that have been slightly modified to create the effect using an onMouseOver event handler.....

 

My link

 

Regards

 

Junior

I've had a go at this using jquery link

 

dont know if its helpful to you or not you can grab the file here

I've had a go at this using jquery link

 

dont know if its helpful to you or not you can grab the file here

 

hey mteam, thats super, thanks, exactly what I was trying to do but with alot less code!! I'm trying to get it working on this page: My link but as yet unsucessful. Do I need to add some sort of descendant selector to the .fader in the fade.js file as it's now nested inside the "rightNav" div?

 

cheers for the help

ok I've removed some old unnecessary javascript code from the head of the index file and the rollovers are working fine now, the list is still bulleted though, how did you remove the bullets without using list-style: none; in your css? I've used this in my CSS like this:

ul#rightNav {
list-style-type: none;
border-top:medium none;
padding:0;
}

but its not removing the bullets? Theres also spacing between each link and I dont know where its coming from: My link. I know its something in my code as mteam your example was perfect, cant find what it is though!

 

any help appreciated, cheers