# CSS disjointed rollover, multi-links, 1 changing image

**URL:** <https://forum.kirupa.com/t/css-disjointed-rollover-multi-links-1-changing-image/158379>\
**Category:** web dev\
**Created:** [August 9, 2005, 12:46pm UTC](https://forum.kirupa.com/t/css-disjointed-rollover-multi-links-1-changing-image/158379 "2005-08-09T12:46:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![molotov](https://avatars.discourse-cdn.com/v4/letter/m/9f8e36/32.png) [@molotov](https://forum.kirupa.com/u/molotov)\
**Post date:** [August 9, 2005, 12:46pm UTC](https://forum.kirupa.com/t/css-disjointed-rollover-multi-links-1-changing-image/158379/1 "2005-08-09T12:46:32Z")

</div>

I was wondering if there was a way with just css i could change an image else where on a page by rolling over a couple text links? like so

link1 | |  
link2 |changing|  
link3 | image |  
link4 | |

i know how to change a single image with a single link, using some z-index positioning on the hover, but the only way i’ve seen it work is if the image and the text link are both in the \<a\>\</a\> tags.

I know this can be done easily with javascript but i was hoping to do it with CSS , any help is appreciated.