CSS Forum

**Evelath** · 05-23-2007, 03:46 PM

Using CSS; is it possible to position a link on top of a given image. For example; I have a main background image for the link board.

"Main1.gif"

Code:

<style type="text/css">
 img.x {position:absolute;
 left:0px;
 top:200px;
 z-index:1}
</style>
 
<table class="three" width="100%" height="48%">
<tr>
<td width="14" height="226"><img class="x" src="images/Main1.gif"></td>

</tr>
</table>

Is it possible to position a link using CSS so I can merely have rollovers on a certain area of the given image? Or will I merely have to Slice the image with every image link given on it and place them using coding?

**LadynRed** · 05-23-2007, 05:57 PM

Yes, it's possible. Make the image a background of the box, then put the text into the html of that box. No reason to use position absolute if you do it correctly and NO reason to use tables for layout !

Quote:

Is it possible to position a link using CSS so I can merely have rollovers on a certain area of the given image?

Yes, you can emulate an image map with CSS:
http://www.frankmanno.com/ideas/css-imagemap/