Velocity Reviews - Computer Hardware Reviews

Velocity Reviews > Newsgroups > Programming > HTML > Firefox - sliced rollover image leaving white borders?

Reply
Thread Tools

Firefox - sliced rollover image leaving white borders?

 
 
Rod
Guest
Posts: n/a
 
      04-02-2006
Hi.
Thanks for being here -- this is a tough one for me...

When I link a rollover graphic to one of my sliced images, it leaves an even
dotted white line around three sides of the image after you click on the
link and then go back to the page, similar to visiting linked text which
turns a color after visiting. This doesn't happen in I.E., just Firefox,
and it doesn't help to load the page in table form or layer form
(Dreamweaver). I've set all table borders to "0".

This doesn't happen to any of the other sliced images if I create a link --
only to the rollover slice (consists of 2 jpgs - rollover state 1 = "over" -
state 2 = "off". The rollover works great until you click on it, then you
see the dotted line, and when you go back to the page it is quite visible
and ugly!! Yikes.

Anybody know a fix to this. It really ruins the look of the rollover to
have this white box show up every time someone clicks on the image and goes
back to the page.

Thanks so much!!
Rod


 
Reply With Quote
 
 
 
 
Rod
Guest
Posts: n/a
 
      04-02-2006
Thanks for posting this. I appreciate it.
I forgot to mention that the entire sliced image has a black
background...you probably already figured that out!! Here it is if you would
like to look (remember, use Firefox to look at it):

http://www.whattacharacter.com/

Thanks again!
Rod


"Rod" <> wrote in message
news:ciXXf.11202$ et...
> Hi.
> Thanks for being here -- this is a tough one for me...
>
> When I link a rollover graphic to one of my sliced images, it leaves an
> even dotted white line around three sides of the image after you click on
> the link and then go back to the page, similar to visiting linked text
> which turns a color after visiting. This doesn't happen in I.E., just
> Firefox, and it doesn't help to load the page in table form or layer form
> (Dreamweaver). I've set all table borders to "0".
>
> This doesn't happen to any of the other sliced images if I create a
> link -- only to the rollover slice (consists of 2 jpgs - rollover state 1
> = "over" - state 2 = "off". The rollover works great until you click on
> it, then you see the dotted line, and when you go back to the page it is
> quite visible and ugly!! Yikes.
>
> Anybody know a fix to this. It really ruins the look of the rollover to
> have this white box show up every time someone clicks on the image and
> goes back to the page.
>
> Thanks so much!!
> Rod
>



 
Reply With Quote
 
 
 
 
Neredbojias
Guest
Posts: n/a
 
      04-02-2006
To further the education of mankind, "Rod" <>
declaimed:

> Hi.
> Thanks for being here -- this is a tough one for me...
>
> When I link a rollover graphic to one of my sliced images, it leaves
> an even dotted white line around three sides of the image after you
> click on the link and then go back to the page, similar to visiting
> linked text which turns a color after visiting. This doesn't happen
> in I.E., just Firefox, and it doesn't help to load the page in table
> form or layer form (Dreamweaver). I've set all table borders to "0".
>
> This doesn't happen to any of the other sliced images if I create a
> link -- only to the rollover slice (consists of 2 jpgs - rollover
> state 1 = "over" - state 2 = "off". The rollover works great until
> you click on it, then you see the dotted line, and when you go back to
> the page it is quite visible and ugly!! Yikes.
>
> Anybody know a fix to this. It really ruins the look of the rollover
> to have this white box show up every time someone clicks on the image
> and goes back to the page.
>
> Thanks so much!!
> Rod


Change this:
<td><a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver=....

To this:
<td><a href="home.htm" onMouseOut="MM_swapImgRestore()"
onMouseUp="this.blur()" onMouseOver=....

Usability purists might sqwack, but since you have only one link...

--
Neredbojias
Apprentice Learner
 
Reply With Quote
 
Rod
Guest
Posts: n/a
 
      04-04-2006
Thanks! Thanks!
May I ask why usability purists will squawk at this? We aren't breaking an
ancient Masonic code here, are we?
Thanks again,
Rod


"Neredbojias" <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote in
message news:Xns9799AB67A4C6Chttpwwwneredbojiasco@208.49.8 0.251...
> To further the education of mankind, "Rod" <>
> declaimed:
>
>> Hi.
>> Thanks for being here -- this is a tough one for me...
>>
>> When I link a rollover graphic to one of my sliced images, it leaves
>> an even dotted white line around three sides of the image after you
>> click on the link and then go back to the page, similar to visiting
>> linked text which turns a color after visiting. This doesn't happen
>> in I.E., just Firefox, and it doesn't help to load the page in table
>> form or layer form (Dreamweaver). I've set all table borders to "0".
>>
>> This doesn't happen to any of the other sliced images if I create a
>> link -- only to the rollover slice (consists of 2 jpgs - rollover
>> state 1 = "over" - state 2 = "off". The rollover works great until
>> you click on it, then you see the dotted line, and when you go back to
>> the page it is quite visible and ugly!! Yikes.
>>
>> Anybody know a fix to this. It really ruins the look of the rollover
>> to have this white box show up every time someone clicks on the image
>> and goes back to the page.
>>
>> Thanks so much!!
>> Rod

>
> Change this:
> <td><a href="home.htm" onMouseOut="MM_swapImgRestore()" onMouseOver=....
>
> To this:
> <td><a href="home.htm" onMouseOut="MM_swapImgRestore()"
> onMouseUp="this.blur()" onMouseOver=....
>
> Usability purists might sqwack, but since you have only one link...
>
> --
> Neredbojias
> Apprentice Learner
>



 
Reply With Quote
 
Neredbojias
Guest
Posts: n/a
 
      04-04-2006
To further the education of mankind, "Rod" <>
declaimed:

>> Change this:
>> <td><a href="home.htm" onMouseOut="MM_swapImgRestore()"
>> onMouseOver=....
>>
>> To this:
>> <td><a href="home.htm" onMouseOut="MM_swapImgRestore()"
>> onMouseUp="this.blur()" onMouseOver=....
>>
>> Usability purists might sqwack, but since you have only one link...


> Thanks! Thanks!
> May I ask why usability purists will squawk at this? We aren't
> breaking an ancient Masonic code here, are we?
> Thanks again,
> Rod


Because it destroys the normal tabbing-order position of items that is
usually retained between link accesses and allows users a means to return
to their place in the queue. It's an accessibility issue which you may see
in action, depending on your browser, etc., by using keyboard instead of
mouse navigation.

Btw, you can thank me by replying below the quoted text from now on.

--
Neredbojias
Infinity can have limits.
 
Reply With Quote
 
 
 
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Re: Is Netscape Leaving Firefox Behind on GNU/Linux? THE LINUX PROPAGANDA MACHINE CONTINUES. FIREFOX IGNORING LINUX............. traci.manicotti@gmail.com Computer Support 2 10-20-2007 02:12 PM
Hey, Free Sony PSP. Best thing since sliced bread! It's So easy,and 100% legal! GET A FREE SONY PSP! !!NO CATCH!! Sarah Stewart Computer Support 0 05-08-2005 08:47 AM
Sliced Image Doesn't Work In IE HTML 2 04-02-2005 05:01 PM
Problem with sliced image Andrew S. HTML 20 12-28-2003 04:15 PM
Dynamic pages WITHOUT leaving white space Mitesh Bilimoria ASP .Net Web Controls 0 09-26-2003 10:05 PM



Advertisments
 



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57