Welcome to WebmasterWorld [webmasterworld.com] :)

Using CSS and HTML to do this is quite straight forward.

Firstly you'll need to place your images within a named container in your html - A <div> is typical.

Then use CSS to position and pad the images.

So it may look like:

html:

<div id="gallery">
<img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><img src="4.jpg">
</div>

#gallery img {padding;0 10px 0 0;}

The above code snippet - in the HTML I named the container gallery. The CSS selects the gallery and says all images within it have padding to their right of 10 pixels.

:)

That worked great!

Now all I need to know is

1 How to align the whole gallery say 150 pixels in from the left margin.

(I have tried margin-left, but that moves each img over.

Kind Regards'

digby

To do that you could add a margin to the container itself:

CSS

#gallery {margin:0 0 0 150px;}

Note the CSS short hand - CSS properties follow the compass top(0), right(0), bottom(0), left(150px).

More reading - lots of good stuff in here: [webmasterworld.com...]

That worked great.

The compass info was handy, and those links look very useful, it will take me a while to check all those out!

Kind Regards

Digby
NZ