Images
Images make the page fuller, providing more content. Many times the image has no content relevance to the page, but makes the page visually easier to read and look at.Full pages with just text are harder to read, and tend to drive away web visitors even then the content is riveting.
Basic Image Placement
You can place an image by using the syntax:
This will when you save the page, create an upload link to that image allowing you to add an image to be placed there.
In the example above, the image is physically 350x287 in size so it is displayed in it's full size.
If we wanted to force the width of the image to be no bigger than 250px, we could do that with the syntax by adding a width statement like:
Re-uploading Images
To allow for uploading over existing images, you can use the reload button near the top. IF you have permission to edit the page, and you click on that, you will see the page with a reload icon next to each images (or document) you have on the page. This looks something like:
ALT Tags...
By default, ALT tags are generated as blank tags. If you want there to be an ALT tag, you need to add it. You can also use Title Tags which some browsers uses for mouse over effects like:
Note that any multi-word usage, needs to be encapsulated in ""'s...
CSS for position
Most of the wiki's setup by TNET have two special CSS tags setup for images. Right and Left.Both use CSS floats to allow text to flow on the left or right of the image.
Example Right Float:
Title
I want this text to flow on the left side of the image which is floated to the right.
The code used was:
!! Title
I want this text to flow on the left side of the image which is floated to the right.
Example Left Float:
Title
I want this text to flow on the right side of the image which is floated to the left.The code used was:
!! Title
I want this text to flow on the right side of the image which is floated to the left.
