Topic: Definition list and image map (Page 1 of 1)

I have been trying to use a definition list with an image map and CSS in order to to display definitions next to an image when hovering over some zones of the image. I have a few questions about this. First of all, is this the wrong way to go? If so, is there another way to get the intended result?
Assuming it is fine, I am having problems in IE6 with the z-index. Is that because I have a mistake in my Style Sheet or is there a well known bug? I have of course been googling it all, but I need some help here please.

Thank you very much for your help in advance.

I'll remain firm on offline issues, and very, very firm even.

Reminder issued, on to the topic:

- what is a definition list?
- you can style all sorts of html elements (p, div) to act as labels.
- IE has problems with the z-index.

Try this for IE: order the elements in the source code in reverse z-order (the first becomes last and vice-versa).

Thanks.

A definition list is xml which is supposed to make a list of items and their attributes, such as the following, which you can integrate in your html file:

<dl>
<dt>Frog</dt>
<dd>Wet green thing</dd>
<dt>Rabbit</dt>
<dd>Warm fluffy thing</dd>
</dl>

I will look into styling divs, maybe it is a better way to go.

Ok, it looks like IE can't put a div that appears on hover only on top of a div that is "fixed" in the code... I'll try your trick though, it might do the job, thanks.

====

Point taken.

quote:

---

Try this for IE: order the elements in the source code in reverse z-order (the first becomes last and vice-versa).

---

That did it for me, thanks a bunch!

No prob, kimmy, glad to help.