How to position an image on a page:
← Older revision
Revision as of 17:25, 16 March 2014
(3 intermediate revisions by one user not shown)
Line 29:
Line 29:
*The name of the image is case sensitive, so type it as it appears in the data base.
*The name of the image is case sensitive, so type it as it appears in the data base.
*Then you place the coding <font color="red"><nowiki>[[Image:Ireland Map.gif]]</nowiki></font> on the page where you want it.
*Then you place the coding <font color="red"><nowiki>[[Image:Ireland Map.gif]]</nowiki></font> on the page where you want it.
+
*If you were to place this image like it stands, it will take up a large amount of space on the page so before you do so see the next section on sizing images.
===How to size an image===
===How to size an image===
*The image you choose will be of a certain size in the data base. It could be very large.
*The image you choose will be of a certain size in the data base. It could be very large.
*To reduce the size of the image, add the following coding:
*To reduce the size of the image, add the following coding:
−
<nowiki>[[File:Ireland.gif</nowiki><font color="red">|
300px
</font>]]
+
<nowiki>[[File:Ireland.gif</nowiki><font color="red">|
200px
</font>]]
−
*You will notice a pipe <font color="red">|</font> followed by <font color="red">
300px
</font> after the gif extension. This sizes the image to 300 pixels wide.
+
*You will notice a pipe <font color="red">|</font> followed by <font color="red">
200px
</font> after the gif extension. This sizes the image to 300 pixels wide
.
+
===How to position an image on a page===
+
*If you place the above coding with the sizing attribute on a page, the image default position will be as shown below:
+
[[Image:Ireland Map.gif|200px]]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
+
:*It will place itself on the ''left side of the page".
+
:*If there is any text next to the image, it will place itself below the image. In other words, the text will not wrap around the image.
+
*If you want to place the image on the right side of the page and for any text to wrap up the left side of the image add the following coding:
+
[[Image:Ireland Map.gif|200px|right]]Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat
.