To insert an image in your post:
1. Place the cursor where you want the image to appear
2. Click the "Insert Image" button on the toolbar above the edit area.
3. Complete the dialogue that appears (remembering to select the options that resize the image and place it to left, right or centre, as appropriate. There's more information below!)
4. Click the "Insert Image" button at the bottom of the dialogue.
It helps if you only choose to insert a reasonable sized image - not a huge multi-mega-pixel thing direct from your camera - as when you click that final button, it immediately starts the upload and that takes time if the original file is large! In short, you are best advised to only upload ready sized files and not rely on Nabble to re-size them for you.
Some people have said they find it difficult to get the image to go where they want it. The following may help you understand how to position an image.
-----------------------------------------------
Image positioning follows the standard HTML rules. (HTML is the computer language used to build web pages.)
1. By default, images appear "in line". (The "Float: None" Setting)
When inserted, an image behaves just like the next letter typed in a word. Obviously it will be much taller than a normal letter so forces the lines of text apart in order to accommodate itself and it will cause word wrapping if it is so wide it would go beyond the end of the line.
If using the default positioning, it is recommended that you hit the carriage return/enter key a couple of times before and after inserting any image to ensure that the image starts on a new line and no text will continue from the bottom right corner of the image.
2. Images can be set to "float" (The Float: Left/Right Setting)
Floating takes an image out of the "normal flow" (to use HTML jargon). It appears to the left or right at the position it was inserted. Any following text then fills the space to the side of floated image and otherwise continues in the normal flow of the page's content.
In general, therefore, it is recommended NOT to use "Float Left/Right" unless the image is to be displayed at one of the smaller sizes offered and a good quantity of text follows the image. There needs to be sufficient text flowing beside the image to reach fully past the image and return to occupy the full width of the space available. If it doesn't, then any following images can begin to catch on the earlier ones and it all gets very messy.
3. Images can be displayed centred (The "Float: Center" Setting)
In HTML terms the image is being displayed as a "Block" and that block is then centred within the space available. As a block nothing can be displayed or flow to either side of it.
This is probably the best setting for most people to use. Text before the image will stop as if the end of a paragraph. Following text will start on a new line. However, note that images which are wider than the available space will be truncated and only show the left hand portion.
Image Size:
Of the three sizes offered in the Insert Image dialogue, the largest (750px) nicely fills the width available in the forum. For most purposes, this is the best option to use, especially in conjunction with the "Float: Center" option.
The smaller sizes (250px and 500px) are best suited for images to be floated left or right.
Images wider than 750px will be truncated and only show the left hand part, so you should always choose one of the three sizes above unless the file you are uploading, or linking to, is already below this limit.
If you wish those reading your post to see an image of a much larger width than the site allows you should upload it elsewhere (e.g. your favourite photo hosting site) and simply insert the URL of the image in the body of the image. This will be converted to a link and readers will be able to click on it. The photo will then display in a new tab in your browser.
Locked
