Bug #15145
closed
Remove border of an image with a link
Added by old_araymond about 19 years ago.
Updated over 18 years ago.
Category:
RTE (rtehtmlarea + ckeditor)
Description
I try to remove the border of an image with a link on it but I can't. I have to go to the source code and insert border="0" .
And if i do a change in my image, i have to do it again.
can you help?
RTE latest version 0.7.4
On firefox 1.0.4 linux
(issue imported from #M1715)
Please explain. I do not see any border. I do not know how to reproduce this problem.
I am not able to reproduce this problem in version 1.0.0 of htmlArea RTE.
I made the update to rtehtmlarea 1.0 and the problem is still there.
Here is what I do.
First insert a image. Click on the image to select it and then use the link tools to put a link on it(link to a page for example). You will see a little border appear around the image.
We can't remove it. If you want to, you have to go to the source code.
If we see the page on the frontend, the border is there to.
Hope it's more clear
Thanks
I believe this is a browser default, because if there is no border around an image it is hard to know that there is a link on it. For example, see: http://www.yourhtmlsource.com/stylesheets/csslinks.html#imagelinks
I don't think I want to override this default in the RTE editing area.
However, you can do so by adding
/* Eliminate border on linked images */
a img { border-style: none; }
to your stylesheet.
You may also add it to the htmlarea-edited-content.css style sheet file of the skin you are using. If you want to remove the border in the frontend, then you have to include this style definition in what ever style sheet you are using in the frontend.
Also available in: Atom
PDF