Skip to Questions

Guide FAQ - Your LibGuides v1 Questions. Answered!

Q

How do I insert an image beside text in a box?

I've typed text in the middle box on the front page of my first guide. Now, I'd like to insert a picture to the left of the text (i.e., side-by-side) but I don't see the way to do so.
Last Updated: Apr 16, 2013  |  6138 Views
Topics: Images, Boxes

Was this helpful? 9   7
A

Answer

insert/edit image screenWhen you insert an image into a box, one of the options on the Insert/edit image screen is Alignment. If you choose either left or right, it will align your image to the left side or right side of the box and allow text to wrap around it.

For example, the image in this answer is right aligned. I put my cursor at the beginning of the preceding paragraph (to the left of "When") and added the image, choosing right from the Alignment dropdown.

The align attribute uses the style context "float: left;" or "float: right", which can sometimes make the images "float" outside of the box boundaries. Sometimes you need to add some extra space, or go into the Plain Text Editor and add <br clear="all" /> to the HTML just before the last </p> to ensure that the image stays within the appropriate box.

  1. Click on the tree icon (tree icon) in the 2nd row of options.
  2. Click on the red Click to upload an image… link.
  3. Uploading an Image:
    • Click Browse and find the image on your computer.
    • Click Upload Image.
  4. Add an Image: click on the image from your personal image library (bottom of box).
  5. The URL is automatically added on the Insert Image screen. You can now change the alignment. You want to choose either left or right to have text wrap around the image.
  6. Add a couple of pixels of Vertical and Horizontal space to add a little elbow room around the sides of your image - this prevents the text from touching the image directly.
  7. Click the Insert button to add the image to your content box.
  8. Click Save Changes to save the box content.
Answered by Anna BurkeBookmark and Share

Other Answers / Comments (1)

  1. Hi, Alicia!
    Thanks for letting us know you're all set. :)

    Best,
    -Cindi
    by Cindi Trainor on Aug 19, 2013.

Need Help?

This site is shutting down by, if not before, March 31, 2018.

LibGuides v1 servers are also shutting down at that time.

See LibGuides v2 documentation instead.


Support:

Follow LibGuidesFAQ on Twitter Follow us on Twitter!