Dashed rectangle when slicing pictures

Banta posted this at 18:43 — 15th April 2000.

They have: 7 posts

Joined: Jul 1999

Hello everybody,

I recently came across the following problem I couldn't sort out..

I order to do some neat rollover effects, I was "forced" to slice up several pictures. I then used some Java Script to do the rollover effects and eventually succeeded in setting up a big image made out of several clickable image-slices (All of them in a table.. I will call this page the mainpage).

Now comes my problem... By clicking on one of these slices I can access different other pages. So far so well but as soon as I return back to the mainpage (e.g. by clicking on the "back" button) I will get the slice of the image I just clicked on with a dashed rectangle around it.

So mainly my question is: How can I get rid of the dashed rectangle around my "linking images" when I return where I came from.

Thank you all very much...
Banta

johnnyboy posted this at 19:20 — 15th April 2000.

They have: 166 posts

Joined: Jan 2000

Banta,

I believe that is an Internet Explorer specific 'feature'. You can get rid of it two ways.

1) Use Netscape
2) Click somewhere else on the screen at the dashed line will go away.

Of course I could be completely wrong!

John

interwovendesign.com
Quality web site design without the monthly maintenance fees!

Banta posted this at 20:50 — 15th April 2000.

They have: 7 posts

Joined: Jul 1999

Johnnyboy,

Thanks a lot... it is very probable that your assumption is true, since in fact I do use Internet Explorer...

Seems like I will better cross out the "Optimized for Internet Explorer" note.. <grin>

Manuel

Ian posted this at 01:21 — 16th April 2000.

They have: 67 posts

Joined: Aug 1999

Hi Banta,
It is actually very easy to get rid of that dashed rectangle that appears around linked images and links in IE. Just add this to the href line.
onclick="window.focus()"

as an example, your line will look something similar to this.
<a href="http://YOUR-URL.html" onclick="window.focus()" onmouseover="WHAT-EVER" onmouseout="WHAT-EVER"><img SRC="YOUR.gif" ETC, ETC....WIDTH, HEIGHT, BORDER...></a>

hope this is of some help to you.

Ian

------------------
Webmaster A1 JavaScripts
A1 JavaScripts
Head Guide 123Webmaster.com
123Webmaster com

[This message has been edited by Ian (edited 15 April 2000).]

Webmaster A1 JavaScripts
A1 JavaScripts
Web Development - Big Resources Inc
BIG Resources.com

Banta posted this at 11:22 — 16th April 2000.

They have: 7 posts

Joined: Jul 1999

Ian,

> Just add this to the href line.
> onclick="window.focus()"

Worked out perfectly... thank you very, very much ! !

Banta

johnnyboy posted this at 12:36 — 16th April 2000.

They have: 166 posts

Joined: Jan 2000

Banta,

quote:Of course I could be completely wrong!

See...I was wrong! Not the first time, not the last.

John

Lloyd Hassell posted this at 13:36 — 16th April 2000.

They have: 231 posts

Joined: Feb 2000

If I remember correctly, you have to add the mousedown event handler too.

code:

onClick="window.focus()"
onMouseDown="window.focus()"
[/code]

Ian posted this at 14:36 — 16th April 2000.

They have: 67 posts

Joined: Aug 1999

Hi Banta,
You're welcome and I'm glad i could help you out, I hate those things to.
Lloyd, I didn't know about the mouse down function but I can see where it would have its place. Thanks, I must try it out some time when I'm dealing with those things again.
Cheers.
Ian

------------------
Webmaster A1 JavaScripts
A1 JavaScripts
Head Guide 123Webmaster.com
123Webmaster com

Webmaster A1 JavaScripts
A1 JavaScripts
Web Development - Big Resources Inc
BIG Resources.com