Schools Website Service user guide

Picture List

The picture list allows you to neatly align pictures with text either in one column across the page or split into two columns and with a border around the picture or the picture and text.

How to make

First of all, make sure you have a good set of pictures with which to make your picture list. Ideally, they should all be the same size, and of a good quality.

For the full column your pictures should ideally be 150 by 150 px or 75 by 75px for the split column although they will be resized when displayed.

  • Make a new inline table inside your text object and give it the style you would like (eg 'picturelist full').

  • Set the table to have two columns and as many rows as you have pictures.

  • Place the pictures in the left-hand column, and make sure that all the styling in this column is 'No Style'. (Tip: if your pictures are in the wrong place double check that the styling is not set to Normal.)

  • Place all your text in the right-hand column. Make sure you apply styles to your text (normal, heading 2, heading 3 etc).

  • Save the text object and preview it in the content manager.


Made using picture list split table style

Split Picturelist
Made using picture list box table styleFull picturelist