Bug #15145
closedRemove border of an image with a link
0%
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)
Updated by Stanislas Rolland about 19 years ago
Please explain. I do not see any border. I do not know how to reproduce this problem.
Updated by Stanislas Rolland almost 19 years ago
I am not able to reproduce this problem in version 1.0.0 of htmlArea RTE.
Updated by old_araymond almost 19 years ago
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
Updated by Stanislas Rolland almost 19 years ago
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.