Page 1 of 1

Why do i get purple borders around link images in beez??

Posted: Tue Apr 28, 2009 1:35 pm
by glowisland
Whenever I make an image a link to another page of the site or to another site, the image gets a purple border around it. It's fine in Firefox but not in Internet Explorer. An image that is not a link is fine but as soon as i make the image a link, the purple border appears.

I know purple is the base colour in Beez but I think I've changed every instance of the colour code throughout all CSS files and it's still there.

Has any bright spark got any ideas please?

Many thanks in advance.

Steve :(

Re: Why do i get purple borders around link images in beez??

Posted: Tue Apr 28, 2009 2:27 pm
by richrc1131
What is the url?

Re: Why do i get purple borders around link images in beez??

Posted: Tue Apr 28, 2009 2:57 pm
by glowisland
Hi It's on a temp url for now:

http://

I've realised that until the link is clicked on the border is blue (but i can't find that in the code either) and then goes purple after the link is clicked on and stays purple until caches are cleared (then it goes blue again).

Thanks.

Re: Why do i get purple borders around link images in beez??

Posted: Wed May 06, 2009 12:53 am
by bbcjraj
I had this problem too and while searching found this css code works. Place in the layout css.

Code: Select all

img    /* this puts a black line around all pictures - change color if you want  */
{border: #000000 solid 1px;}

a img          /* this gets rid of the border around a picture that is a link   */
{border: none;}

Hope this helps.
Becky

Re: Why do i get purple borders around link images in beez??

Posted: Wed May 06, 2009 6:42 pm
by glowisland
Thanks for your help Becky removing them worked fine.

;)

Re: Why do i get purple borders around link images in beez??

Posted: Sat Jul 30, 2011 11:59 pm
by Bikerdave
bbcjraj wrote:I had this problem too and while searching found this css code works. Place in the layout css.

Code: Select all

img    /* this puts a black line around all pictures - change color if you want  */
{border: #000000 solid 1px;}

a img          /* this gets rid of the border around a picture that is a link   */
{border: none;}

Hope this helps.
Becky
This was what I was looking for. Thanks for posting Becky :)