Topic: Definition list and image map (Page 1 of 1) Pages that link to <a href="https://ozoneasylum.com/backlink?for=28461" title="Pages that link to Topic: Definition list and image map (Page 1 of 1)" rel="nofollow" >Topic: Definition list and image map <span class="small">(Page 1 of 1)</span>\

 
kimson
Paranoid (IV) Inmate

From: Royal Horsing Ground
Insane since: Jan 2005

posted posted 09-21-2006 12:46

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.

_Mauro
Maniac (V) Inmate

From:
Insane since: Jul 2005

posted posted 09-21-2006 14:59

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).

kimson
Paranoid (IV) Inmate

From: Royal Horsing Ground
Insane since: Jan 2005

posted posted 09-21-2006 15:10

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:

code:
<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.

kimson
Paranoid (IV) Inmate

From: Royal Horsing Ground
Insane since: Jan 2005

posted posted 09-21-2006 17:57
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!

_Mauro
Maniac (V) Inmate

From:
Insane since: Jul 2005

posted posted 09-21-2006 20:15

No prob, kimmy, glad to help.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu