Place and Organize photos within your VisiHow Article

Edited by Eng, Lynn, Inukshuk, Anonymous and 4 others

Placing photos within your VisiHow article gives your article an attractive and appealing look. Also there is a need for photos to help illustrate and describe the concept of the text in more details. Using the right placing method is what matters. In here I will show you some methods to do it right, and also feel free to experiment yourself while publishing your own article.

Was this helpful? Yes | No | I need help

Ad

Methods of placing photos within your text

There are three major ways to place your photo within your text, |left and |center and |right (No space within below code)

  1. 1
    [ [ File:photoname.jpg | left ] ]
    Advertisement
    Was this step helpful? Yes | No | I need help

  2. 2
    [ [ File:photoname.jpg | center ] ]
    Advertisement
    Was this step helpful? Yes | No | I need help

  3. 3
    [ [ File:photoname.jpg | right ] ]
    Was this step helpful? Yes | No | I need help

Two illustrated examples

Depending on your article, you can maneuver and place your photos.

Placing photos within a numbered list

  1. 1
    First possibility.
    As you can see from the photo below, the photo is inserted with left alignment, right after the # The Motherboard.
    Photo-1.jpg
    The photo size should be chosen to fit the text of the text within its numbered list, so it fills the space, but does not overlap the next numbered item. Here is the Edit Code within VisiHow, as you can see in the photo below
    Photo-2.jpg
    Advertisement
    Was this step helpful? Yes | No | I need help

  2. 2
    Second possibility.
    As you can see from below photo
    Photo-3.jpg
    I used a combination of left and right placed photos. Placing a centered photo at the end of the numbered item will slightly overcome the need for choosing fit size of the left placed photo to be fit within the text and not overlap the next numbered item. Here is the Edit Code within VisiHow, as you can see in the photo below
    Photo-4.jpg
    Was this step helpful? Yes | No | I need help

Placing photos within a text that is not a numbered list

  1. 1
    Placing two photos in the center is not very eye catching, as you can see in the following photo.
    Photo-5.jpg
    Was this step helpful? Yes | No | I need help

  2. 2
    You can place those two photos in left and center, but simply doing that will not show well, as you can see from the edit code of the photo below.
    Photo-6.jpg
    That will overlap the next subhead of Tips Tricks & Warnings, as shown in following photo.
    Photo-7.jpg
    Was this step helpful? Yes | No | I need help

  3. 3
    To fix that.
    Since we are not in a numbered list, adding empty lines will not break the numbering, so simply add a few empty lines, forcing the Tips Tricks & Warnings to shift down, as shown in the following photo of Edit Code.
    Photo-8.jpg
    This will produce the right output as follows (empty lines needed depends on how large your photo is and how much shifting down is needed; experimenting is the only way to know).
    Photo-9.jpg
    Was this step helpful? Yes | No | I need help

Use the [edit] placed on the right, to see the Edit Code that formed the following paragraph ------------------->

Photos within numbered text

  1. 1
    This is a left aligned photo example.
    Yassora VisiHow Logo by ENG.jpg
    I have placed the photo to the left of this numbered text. Photo size must fit the line spacing span of this numbered item, so it will expand to that span and not more. If it expands more it will shift the followed numbered item to the right. Unless the photo you are placing is consistent with the whole numbered items, then there is no need to re-size, and the photo may flow and expand to several numbered items. In the numbered list, there is no way to shift lines down by inserting empty lines, because this will break the sequence of the numbering. Bottom line You can see how this numbered item text has flowed and the photo is consistent and fits the span of it.
    Advertisement
    Was this step helpful? Yes | No | I need help

  2. 2
    As you have seen from the previous numbered item.
    Yassora VisiHow Logo by ENG.jpg
    Photo is placed to the left, where in here I will place two photos, one to the left and the other to the middle or center. Placing a photo on the center will
    Yassora VisiHow Logo by ENG.jpg
    Was this step helpful? Yes | No | I need help

    Advertisement

Photos within Non Numbered Text

Yassora VisiHow Logo by ENG.jpg

Sometimes, it is best to place the photo to the right of the text, like in this example. Assuming this text is short, you have to options to make fit right:

  • Make the photo smaller in height to fit this text span.
  • Shift the next text or paragraph down by inserting empty lines, as hereunder.


I hope all of you can benefit from this article, so you can produce very eye catching formatted articles. Good Luck All.

Tips Tricks & Warnings

  • Adding empty lines only works with non numbered text; using it within the # will break the sequence.
  • Experiment a bit, edit and show preview, or save and check what comes out of the format you have applied. You can always re-edit.
  • Simplicity is the key to eye catching formatted articles, so do not over-do-it (!!!) when placing and mixing lots of bold, italics, etc...
  • Do not overdo it with photos. If the photo describes something, or illustrate, then be it, and the article has enough photos. Then the article is better without it. If the article does have sufficient photos, do not put a general photo in the "Tips" section, that is overdoing it.
  • Do not zigzag your photos. Maintain a unified alignment throughout your article, SO, if most of your photos are needed to be centered, and 1 or 2 can be righted, then do not right it. keep all centered.
  • If you have problems with any of these steps, ask a question for more help, or post in the comments section below.

Comments

VisiHow welcomes all comments. If you do not want to be anonymous, register or log in. It is free.




Yassora
Featured Author
80 Articles Started
63,269 Article Edits
3,599,780 Points
Yassora is a featured author with VisiHow. Yassora has achieved the level of "General of the Army" with 3,599,780 points. Yassora has started 80 articles (including this one) and has also made 63,269 article edits. 500,000 people have read Yassora's article contributions.
Yassora's Message Board
Yassora: Hi, my name is Yassora.
Yassora: Can I help you with your problem about "Place and Organize photos within your VisiHow Article"?
 

Article Info

Categories : Author Help

Recent edits by: vc, Alma, Maria

Share this Article:

Thanks to all authors for creating a page that has been read 1,407 times.

Do you have a question not answered in this article?
Click here to ask one of the writers of this article
x

Thank Our Volunteer Authors.

Would you like to give back to the community by fixing a spelling mistake? Yes | No