Positioning Images

Once you have attached an image you can position it anywhere in the page. After attaching your image, look in the edit window. You should see something like this:

* monkey.jpg:
img src="/twiki/pub/Academic/PositioningImages/monkey.jpg" alt="monkey.jpg" width="222" height="188"

To change the position of the image you have to add some commands to the code. After height=”188”, enter one space and this: align=”right” hspace=”210” vspace=”10”. The code should look like this:

* monkey.jpg:
img src="/twiki/pub/Academic/PositioningImages/monkey.jpg" alt="monkey.jpg" width="222" height="188" align=”right” hspace=”210” vspace=”10”

Your image will appear in the center of the page like this:

* monkey.jpg:

Change the variables following hspace (horizontal space) and vspace (vertical space) to move the image to the desired location. If you just want the image to go all the way to the right, all you need to add is aligh=”right”.

-- AdamBates - 10 Aug 2005

to top