• Registered: 2012-05-02
  • Posts: 161

Topic: BackButton URL Image Has Border in IE

I use the same URL link and image as the "Back Button" in all of my galleries. I noticed this evening that this image has a white border around it when viewed in Internet Explorer (9.0.7). I do not see this border when viewing my pages in the latest versions of Chrome, Opera, Firefox, or Safari on my PC (Vista Home Premium, SP2).

I recently upgraded these galleries to 1.1.0 (see http://juicebox.net/forum/viewtopic.php?id=147 ). I don't recall noticing this border before the upgrade, but it's possible. For a sample URL, http://www.billanddot.com/crossing-signs/ is a tiny gallery and ought to be quick to load (although nearly all the buttons at http://www.billanddot.com/ link to 1.1.0 gallery pages).

The BackButton-related Pro options that I use via the jAlbum skin are:

showBackButton=TRUE
backButtonText=<a href="http://www.billanddot.com/index.htm" target="_top"><img src="http://www.billanddot.com/house_2.png" width="32" height="32" alt="Home (Bill &amp; Dot's Excellent Pages)"></a>
backButtonUrl=http://www.billanddot.com/
backButtonPosition=OVERLAY

I don't have any strange options set in IE, at least not intentionally.

Cheers,

Bill

  • Registered: 2012-04-24
  • Posts: 5,924

Re: BackButton URL Image Has Border in IE

Add the following attribute to your Back Button's <img> tag:

style="border-style: none;"

... to make it:

backButtonText=<a href="http://www.billanddot.com/index.htm" target="_top"><img src="http://www.billanddot.com/house_2.png" width="32" height="32" alt="Home (Bill &amp; Dot's Excellent Pages)" style="border-style: none;"></a>
  • Registered: 2012-05-02
  • Posts: 161

Re: BackButton URL Image Has Border in IE

Thanks, Steven. That worked (after remaking that gallery, and then Tools -> Safety -> Clear Browsing History, to get rid of the cached view in IE).

Am I to understand that IE defaults to a white border when "none" is not specified, but that the other browsers default to ignoring a border if no mention is made of it?

Bill

  • Registered: 2012-04-24
  • Posts: 5,924

Re: BackButton URL Image Has Border in IE

Am I to understand that IE defaults to a white border when "none" is not specified, but that the other browsers default to ignoring a border if no mention is made of it?

Yes, but only when the image is part of the Back Button.
The white border is not displayed when the image is part of the Gallery Title or simply elsewhere on the web page.
I have logged a bug report. Thank you for reporting.

  • Registered: 2012-05-04
  • Posts: 19

Re: BackButton URL Image Has Border in IE

FYI - I've noticed this same behaviour with Firefox 3.6.28 on MacOS 10.5.8 (PowerPC).

I didn't report the problem as it's on legacy software and hardware and current configurations don't display the white border around the back button graphic.

But as it's been logged as a bug, I thought it might possibly be vaguely useful information.

Cheers,
Tony

  • Registered: 2012-04-24
  • Posts: 5,924

Re: BackButton URL Image Has Border in IE

Thank you for the additional information.
However, we are able to replicate the issue in IE9 which should hopefully be enough to track down the problem.