How To Add A Photo


So you would like to make your page really flashy with a photo. We all would like to see it. Here's how...

  1. Get a digital photo file on your computer to start with.
  2. If you know how, reduce the size and resolution of the file to about 25K. If you don't know how to do this, then don't worry about it.
  3. Login and go to your page on this site. You can find it quickly from the Members page. If your name has square brackets "[" around it in the Members page, then your page is blank (but you knew that already). Click on your name, login, and you will be in the editor. Type a little bit in the center box, then press the Save button at the bottom.
    < />
  4. Now you should be looking at your page. Press the Attachments button on the upper right of the screen. An "Attachments for YourName" page should open. (The attachments and edit links are not visible until you log in.)
  5. Press the first Browse button. Find your photo file on your computer, and press the Open button. You will be back to the "Attachments for YourName" page.
  6. Select the Hide checkbox just to the right of the "Browse" button.
  7. Press the Submit button at the bottom of the page.
  8. Press the Edit Page link under the title.
  9. Put the cursor into the editor where you want the photo, and click.
  10. There will be an entry box just below the editor window which says "Insert link or image into selection:". Click the triangle for a pull-down list of your attached files. Choose the photo file name, and it will appear in the editor.
  11. You can stretch the corners of your photo to get the right size.
  12. Save the page, and you've got it.

Advanced Topics on Photos

  1. You can add a photo to a page that exists somewhere else on the Web. For example, if your internet provider gives you some space for your own web page, you could store your photos there, since we have limited space on this site. Simply use the Insert Image tool in the editor, and specify the URL.
  2. To align images to the side, with the text adjacent (as you can see on many members pages), from the editor, right click on the photo, chose Edit Properties, pick and Alignment, like left.  That should do it.

    The old way, which is no longer necessary since EditMe enhanced their editor, was to use the Toggle HTML Source tool. Find the image tag and add the "align" parameter, like the following:
    <img align="left" xsrc="http://ghs1974.editm...
  3. To keep text spaced away from the image, add "vspace" (vertical) and "hspace" (horizontal), as follows:
    <img hspace="10" vspace="5" align="left" xsrc="http://ghs1974.editm...
  4. To break the text, so that the next text starts under the picture:
    Add a table (with the tool on the left side of the bottom row of the toolbar). Set to 2 columns and 1 row in the form, then press Insert.  Then put the cursor in one of the cells, and insert the picture.  Put the cursor in the other cell, and type the text that you want next to the picture.  Put the next text under the table.

    The old way, which does not work any more, was to modify the break tag:
    <br \>

    to be as follows:

    <br style="clear: left;" \>
    (Use "right" if the photo was right".)



Last Modified 2006-01-27

Show Tools Hide Tools