Adding an image to a Joomla article using Tiny & JCE Editor

1) Place your cusor roughly where you would like the image inserted.

1) Click on the image button and a new window will open.

1) choose a picture you already have loaded to Joomla or
2) & 3) browser for a new picture on your computer and upload it to Joomla.
4) select the picture you require and click insert.

1) With the image selected (nb. the white squares surrounding the picture – this indicates selected)
2) Click on the css styling tool (symbol AA) – a new window will open.

1) Select the Box tab.
2) Use the drop down to select left ( as we want the image to align to the left)
3) Uncheck the same for all box.
4) Add a few pixels of white space above and below and to the right of the image to hold the text slightly away from the image.
5) Make sure you select pixels from each drop down – note pixels has not been selected for the top padding, this means padding will not get added.
6) Click apply to preview the settings, adjust any of the setting until you are happy with the results.
7) When you are happy with the look click update to save the settings.

1) My picture is not quite in the right place.
2) I want this line to be to the right of the image not above it.
3) Click on the image to bring up the selection box with the white square handles – now click and drag the image until you see the cusor blinking to the left of the At in the row above – then release.

Our picture is now correctly placed. Repeat Step 3 if you need to move the picture again.