Place and Organize photos within your VisiHow Article
Edited by Eng, Lynn, Inukshuk, Maria Quinney and 3 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.
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[ [ File:photoname.jpg | left ] ]
- 2[ [ File:photoname.jpg | center ] ]
- 3[ [ File:photoname.jpg | right ] ]
Two illustrated examples
Depending on your article, you can maneuver and place your photos.
Placing photos within a numbered list
- 1As you can see from the photo below, the photo is inserted with left alignment, right after the # The Motherboard.First possibility.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
- 2As you can see from below photoSecond possibility.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
Placing photos within a text that is not a numbered list
- 1Placing two photos in the center is not very eye catching, as you can see in the following photo.
- 2You 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.That will overlap the next subhead of Tips Tricks & Warnings, as shown in following photo.
- 3Since 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.To fix that.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).
Use the [edit] placed on the right, to see the Edit Code that formed the following paragraph ------------------->
Photos within numbered text
- 1This is a left aligned photo example.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.
Photos within Non Numbered Text
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 the steps in this article, please ask a question for more help, or post in the comments section below.
