(Note we changed the max width setting of the RTE property editor from 500 to 640 because that fits our design.)
The problem is, at least with some images, it will display a blackline on the right edge:
The line does not go away if I manually edit the URL (something I can expect our editors to do) and remove the height parameter, so that it looks like this:
The image then looks like this:
So how can I eliminate the black line on the right edge? How can I get the media picker to not set a height?
We have this issue as well, hardcoding image sizes does not make for a very good responsive experience. We ended up writing code to remove the inline height/width style settings in favor of using a responsive image
Height and Width resizing issue with images inserted into Richtext Edtior
When we insert an image into the Richtext Editor, it adds HTML like this:
(Note we changed the max width setting of the RTE property editor from 500 to 640 because that fits our design.)
The problem is, at least with some images, it will display a blackline on the right edge:
The line does not go away if I manually edit the URL (something I can expect our editors to do) and remove the height parameter, so that it looks like this:
The image then looks like this:
So how can I eliminate the black line on the right edge? How can I get the media picker to not set a height?
There's a few issues related to this on the Issue Tracker:
http://issues.umbraco.org/issues/U4?q=black%20line
We have this issue as well, hardcoding image sizes does not make for a very good responsive experience. We ended up writing code to remove the inline height/width style settings in favor of using a responsive image
We added a option in Slimsy v2 to remove the style tag so that RTE images can be made responsive too.
You could make your own extension method based on this code or use it as is...
https://github.com/Jeavon/Slimsy#4-optional-adjust-the-rendering-of-your-tinymce-richtext-editors
is working on a reply...