Image Properties

---

In case you are wondering why you would add space to the left and right of an image, that comes in handy when you place more than one image on a line and you want some distance between the images.  You don't want to use the space bar on the keyboard.  It adds extra code you don't need, and it doesn't always hold true from browser to brower.  But the space around image feature does hold since it's an html command.  I've used the space around image command in these tutorials to add space between the images, and the text above and below the images.

When you learn to edit in Notepad you will see this:  VSPACE=  that's the code for vertical space.  HSPACE=  that's the code for horizontal space.

I also used this method on the first page of my assorted backgrounds webpage to get a few odds and ends to fit in a table since I wasn't linking them to a larger image but was using them full size.

It is important to note though that using the constrain is only for those times when you have a small adjustment to make to an image.  It doesn't do anything as far as reducing the actual kb size of an image.  Some people don't seem to understand this, and instead of creating thumbnails for a gallery, they just constrain the original images.  They then wonder why people complain that the web page is loading slowly.  That's because they haven't changed how much kb has to load for the page.  For a thumbnail gallery, large images must always be resized and saved as a thumbnail of the original.

Here is the dolphin image in a table with space added all around it by setting a larger pixel size for the table.  The image had it's size changed by using the constrain numbers.  Yes, you can just create a table for one lonely image that you wanted to be set apart on the page.  You can also add a color to the table if you wanted the dolphin to be mounted on blue in the table.  Hey....you could even add a water image to the little table if you wanted him to swim!  Don't worry, tables are covered in several tutorials!

Adding links to images and text is very easy.  Ok...click on an image you want to link.  Now go to the top toolbar and click on the word Link.  A window will come up.  Where is says link to, type in the address.  Say ok.  The image is linked.  But, now you have to go back to that image and right click on it.  Choose image properties.  You will notice in the solid border box there is a number 2.  Make that a 0 or else your image will have a colored link box line around it on your page.

When you want to link text.....drag the mouse across the entire text you want to link.  When it's all highlighted, go back to the Link on the toolbar.  Type in your address just like you did for an image.  The good thing is that you don't have to then right click on the text to remove a solid border box like you did for an image.  But...let's say you highlighted more text than you wanted to.  Just drag the mouse across the part you don't want linked.  Then right click on that.  On the options that come up, choose remove link.  That fixes that little problem.

Now...if I'm linking outside this area, this folder, I must type in the full internet address.  So if I link from my aol folder to my domain, I have to type in http://www.glorianon.com/

Ok....now was that so bad?  (I just know I will get an email about that subject!)