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