Positioning images?

I've made a website design (group of images), and I want to specify where they appear on my screen.

I've got the html code to centre these images, yet I want to alter this code so that I have more control over the horizontal/vertical position (ie. move images up or down slightly):

<div align="center">
<p>&nbsp;</p>
<p>&nbsp;</p>

Does anyone know I do this? I'm a newbie when it comes to writing code

It really depends - you could use absolute positioning but that might get you into some issues with some browsers and resolutions. It might be helpful if you gave us more source code and where you want the images.

CSS is your man. You can use either the position or the margin properties. It's a good idea to link CSS via external files, but since you're a beginner, we'll start out the easy way:

Code: Select all

<img src="1.jpg" style="margin: -10px 0 0 -10px;" />
<img src="2.jpg" style="margin: 10px;">
<img src="3.jpg" style="margin: -10px 0 0;" />

<img src="1.jpg" style="position: relative; top: -10px; left: -10px;" />
<img src="3.jpg" style="position: relative; top: -10px;" />

Your looking for something like that, right?

Yeh thats what I'm looking for.

Thanks a lot.