A crazy rollover question

3 replies [Last post]

Tue, 2010-08-24 16:38

mara_mcb

Offline

newbie

Timezone: GMT-6

Joined: 2010-08-24

Posts: 1

Points: 2

I'm working on a project where I'm creating a profile site for a group of seed cleaning plants. I have links to each plant on one side and would like there to be roll over images for each of them showing their location. I'm at a complete lost as to what to try. I'm still a newbie when is comes to CSS.

Tags:

Tue, 2010-08-24 21:43

humbleCSS

Offline

Regular

Timezone: GMT-4

Joined: 2009-03-12

Posts: 30

Points: 2

This is not really a css

This is not really a css thing, more like javascript. Never fear though it can be done through css but it's a bit complex. Are you familiar with sprites, anchors, and hovers in css?

I am back

Tue, 2010-08-24 21:47

Tyssen

Offline

Moderator

Timezone: GMT+10

Joined: 2004-05-01

Posts: 8123

Points: 1302

Try something like this

<ul>
	<li><a href="#">Text<span><img src="" alt="" /></span></a></li>
</ul>
 
li { position: relative }
li span { 
position: absolute;
right: -100px; top: 0;
display: none
}
li a:hover span { display: block }