Joomla! Forum - community, help and support

Hello to everyone!
I'd like to know if there is a simple way to remove the border around an image with hiperlink in content.
For example I've an image in the frontpage which link me to another page. With firefox the border has a color, with IE7 another color and with Oper there is no border. I'd like that every browser hide the border around the picture..there is a way to set it in the window I use in the back-ent to upload picture? I don't know a lot about css.. There is a simple way?
Thanks to everyone!
fab

I attached how the picture looks like with different browser

Hi,

Try this

a:link img {border:none;}
or
a img {border:none;}

thanks a lot, but where have I to insert this code?

Hi,

Insert the code into /templates/your-template/css/template_css.css

Also, you might want to look for a:link and see if there is a rule for border in there.

As a quick, individual basis solution, set the boarder of the image to 0 (zero) when inserting it on your page. If you leave the boarder value blank, it will still add a 1 pixel boarder around the image sometimes. And sometimes you won't see a boarder until you do add a link to it. The code would look similar to this

Thanks a lot! It was easier than I thought!
Before change the code I tried to set border value to 0 in the "insert/edit image" window of joomla. The border disappeared!
Thanks a lot
Fab

in CSS file add "template_css.css"

img{
border-width:0px;
}

then therez no need to add again and again

hi, i know this thread has been years ago..

but im having the same problem with my joomla 1.7 that i just downloaded. in the template, there's 2 css files. one is template.css and another is template_rtl.css for the default beez_20 template.

i have tried to find and insert the codes, and tried to edit borders to 0 but i still get the annoying border on the top menu link image that i have been testing on my site. can anyone help?

www.scruffiez.com

im just playing with different options so i can get my site running.