darkwolf1
12-02-2003, 12:43 AM
I have a fairly large jpg used as an image map, with 350+ areas.
I would like to "label" each area by index.
The only way I have found so far to do this is by
<style type="text/css">
div.a1 {
font:bold 12px;
position:absolute;
top:600px;
left:2150px;
z-index:1; // higher than image map
}
</style>
...
<div class = "a1">
1
</div>
This does show the number "1" on the image where I need it to be without completely masking the clickable area.
However, I do not want to do this manually for each area. Is there a better way?
I would like to "label" each area by index.
The only way I have found so far to do this is by
<style type="text/css">
div.a1 {
font:bold 12px;
position:absolute;
top:600px;
left:2150px;
z-index:1; // higher than image map
}
</style>
...
<div class = "a1">
1
</div>
This does show the number "1" on the image where I need it to be without completely masking the clickable area.
However, I do not want to do this manually for each area. Is there a better way?