Basic Alignment Techniques

The screen width is approximately 380 pixels wide. Therefore add the widths of your images to see if they will fit beside each other.
Click here for
The Professor's

A good place for getting the sizes of images.

Save it in a favorite and assign an F Key to it. Then go to it directly,via the F Key,from the image you are viewing and select View image size to get the height and width of the image. The number of 's when using the bottom code will depend on the height of the aligned right image

The three alignments are

~left~
~center~
~right~
with the default alignment being
~left~.
This default is overridden when the image is placed between the <center></center> tags ie.
<center><img src="http://img url"></center>
will align center

The next page will show the two codes combined
Earth
on the top
and the two asteroids below

the two asteroids on the top
the Earth
below

For the Top code only write

<html>
<body>
<center>
<---top code--->
</center>
</body>
</html>
For Bottom code only write
<html>
<body>
<center>
<---bottom code--->
</center>
</body>
</html>

<html>
<body background="https://leprofesseur.tripod.com/blue-back.gif">
<center>

<---top code--->
<img src="https://leprofesseur.tripod.com/earth.gif"> 
<img src="https://leprofesseur.tripod.com/metalworld.gif" align="left"><img src="https://leprofesseur.tripod.com/metalworld.gif" align="right">

<---bottom code---->
<img src="https://leprofesseur.tripod.com/metalworld.gif" align="right">
<img src="https://leprofesseur.tripod.com/metalworld.gif" align="left"> <img src="https://leprofesseur.tripod.com/earth.gif">
<---top and bottom--->
</center>
</body>
</html>