Thursday, April 24, 2014

Creating a Little Elbow Room


Oh, give me land, lots of land
Under starry skies above. 
Don't fence me in.
                --Cole Porter

Depending upon the images you use for your final project, you may run into a problem that won't affect your content, but can affect the appearance and readability of your site.

Shark and Remora Buddy.
Many images don't have margins around them.  Consequently, if you insert the image into your text that does not have a margin, and have the text wrap around the image, what you'll see is that your text will cling to the edge of that image like a remora clinging to a shark (see example below).  D2L does not automatically place a buffer between the image and the text (as Blogger does, as you can see to your left).  Now, you may not run into this issue if your images already have margins.  (You'll be able to tell if an image has a margin if you see some space between the edge of the image and the text.)  And as I mentioned before, this is not necessarily going to affect your content, but it is visually jarring. 




There is, however, a way to rectify the situation.  Below you'll see a series of screenshots I composed that show you step-by-step how to create spacing between your images and your text.












No comments:

Post a Comment