An gallery in Office Live is easy to do

with image links to a larger image.

Directions are below...

Morning  $700

Afternoon $500

Zip  $1,000

Above the Crowd $700

Between the Lines $500

Betty's Garden $900

No Glasses  $500

Breakfast $675

Strange Universe $800

If you haven't used tables much, you may want to read Basics of Tables and Images and Tables to get you started using tables in Office Live.

You may also prefer that your image links don't have the beautiful bright blue default border color.  To remove the border around image links I used the following code in the Style Sheet.  It will apply to the entire website.

a, img
{
border: 0px;
}

I thought it would be fun to have the border for the image links to change color on hover. I used this code in the Style Sheet instead of the one above:

a, img
{
border: #deecfa;
}
a, img:hover
{
border: #f433b1;
}

To use the Style Sheet, you need to activate the Advanced Design Features (it's free).  That is done on the Page Manager, under the Site Actions drop down menu.  Once activated, the Style Sheet icon will appear in Site Designer.  Click on Style Sheet,  paste the code in the area provided and make sure to check the box "apply Custom CSS code to my website".

You may have guessed that it involves using tables.  : )

I started with a table with 3 rows and 4 columns.  I merged the top two columns in the first row for my text.

Copy and paste the single cell table into each cell you want an image.  Remember to backspace/delete to remove any extra spaces first.  You could skip the extra table and just place your images in the same manner.  I liked the border around the images.

I changed the cell padding of the outer table to 2 to reduce the spacing between the cells and rows.

Place your thumbnails into each of the small tables, remembering to backspace/delete before you do.

Click on the image and select Hyperlink.  Select "Document" for the Link type and click on "Choose Document" to select your image from the list.  If you have created a separate page for your image, you'll select "A Page from my Website" instead of "Document" for the link type.  Remember to check "Open Link in New Window" if you want the links to do that.

Change the border of the outer table and it is finished.

tip:  When I was creating my links for the images, the Document list didn't have a scroll bar to show all of the documents and I was unable to select those further down the list.  If that happens to you, you can type in the path rather than clicking on select document: 

/documents/yourfilename.jpg

a few other gallery layouts to give you ideas....

I've left the table border so you can see how it was done.