(12)
 Although the former part of my idea was raised in 2015 (Rich Content Editor: Add default padding/margin for floated images), the latter was not and the discussion was archived. Therefore, I bring it up again now that there are more users in the hopes that it will be voted for to a higher degree.

 

Quick Summary: The default of 0 for borders around images makes text wrapping look unprofessional. Additionally, if you want to have a caption or other text that stays with your image, the text can end up in all different places depending on the browser. Although one solution might be putting items in tables, I have been told that is not allowed for accessibility purposes.  Thus, I wrote CANVAS and they were helpful enough to give me some HTML code to allow me to do these things that actually works (shared below), but this is impractical for your average user. Given that FREE blogging sites (including WordPress as example) allow you to do basic photo/text editing (including border space, alignment with text, and captions) to make layout be consistent and professional without resorting to tables, I encourage CANVAS to build this functionality in for faculty.  When you consider the numbers of faculty being encouraged to create  courses, you can  begin to imagine how useful these layout features would be.

 

Example from Wordpress FREE blogging site:

185143_CaptionExample_GMM.JPGCaptionExample_GMM.JPG

 

Here is the HTML code from CANVAS, but keep in mind that:

1. from src=..."File" is particular to an image file for my course so you need your own info there

2. by keeping the text within the <p and p>, it keeps it with your photo

3. you can change the float to right if you desire

 

<p style="overflow: auto;"><img style="padding: 0 15px; float: left;" src="/courses/1783839/files/77808577/preview" alt="Bryophyte Moss" width="289" height="217" data-api-endpoint="https://psu.instructure.com/api/v1/courses/1783839/files/77808577" data-api-returntype="File" /><em>Moss. By Rippey574 (talk) 21:52, 12 April 2008 (UTC) - self-made, CC BY 3.0, <a>https://en.wikipedia.org/w/index.php?curid=16900441</a></em></p>

This widget could not be displayed.
    This widget could not be displayed.
    This widget could not be displayed.
Who rated this idea