asked on

Why will this run in Chrome but not in IE?

I know very little about HTML and CSS so please show me what to do.

These hot-spots show a border in Chrome and Opera but not in IE.

Can someone show me what to do to make these hot-spots have a border in all popular browsers?

Thank you.

<!DOCTYPE html>
<html><head><title>HS2</title>

<style type="text/css">
    dl.image_map {display:block; width:313px; height:106px; position:absolute; margin:2px auto 2px auto;}
    a.LINK0 {left:13px; top:55px; background:transparent;}
    a.LINK0 {display:block; width:125px; height:0; padding-top:19px; overflow:hidden; position:absolute;}
    a.LINK0:hover {background:transparent; border:1px dashed black; color:black;}
    a.LINK1 {left:173px; top:35px; background:transparent;}
    a.LINK1 {display:block; width:135px; height:0; padding-top:19px; overflow:hidden; position:absolute;}
    a.LINK1:hover {background:transparent; border:1px dashed black; color:black;}
    a.LINK2 {left:173px; top:75px; background:transparent;}
    a.LINK2 {display:block; width:135px; height:0; padding-top:19px; overflow:hidden; position:absolute;}
    a.LINK2:hover {background:transparent; border:1px dashed black; color:black;}
</style></head>

<body style="font-family: Verdana">
<blockquote style="margin-right: 0px" dir="ltr">
  <p>top</p></blockquote>

<dl class="image_map">
	<dd><a class="LINK0" ></a></dd>
	<dd><a class="LINK1" ></a></dd>
	<dd><a class="LINK2" ></a></dd>
</dl>

<img alt="" src="HS2.jpg" width="313" height="106" />

<blockquote style="margin-right: 0px" dir="ltr">
  <p>bottom<br /></p></blockquote>
</body></html>

Open in new window

Chris Stanyon

What's a hot spot??

Julian Hansen

There is a lot wrong with this code. Before trying to make shakey code work it might be better to understand what you are trying to do.

Are you trying to create clickable regions on an image? If so you want to look at image maps rather than the method you are trying now.

Give us an idea of what we are trying to do and we can then suggest the correct method to follow.

NDennisV

ASKER

Yes it says image-map in the code but I remember them as hot-spots.

http://www.image-maps.com/ got me started so I assumed it was good/modern code.

There is an image at the bottom of the code.

Like I said I know very little about this.

Thanks

ASKER CERTIFIED SOLUTION

COBOLdinosaur

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

NDennisV

ASKER

Sorry, that link does not help me. I need CSS that works in all browsers.

Dave Baldwin

Note that in <a class="LINK0" ></a> , there is no HTML between the tags... which means there is Nothing to click on. Had this same thing come up two days ago.

NDennisV

ASKER

Thanks David.

This is part of a bigger project and I really need some help and I'm willing to pay.

Are you available?

Dave Baldwin

No, I have about 6 projects I'm working on already.

NDennisV

ASKER

Thanks anyways. Anyone you can recommend?

Julian Hansen

@NDennisV - I think I know what you want here - can't look at it right now but maybe mail me or post back here next week and we can maybe sort something out.

NDennisV

ASKER

I'll contact you soon - Thanks