Aligning Images Left and Right
|
Brief tutorial on placing images opposite each other on the same level.
|
To add images to the extreme right and left side of the page,
do the following:
Source Code:
<IMG SRC = "../Images/1109bttn.jpg"
WIDTH = 130
HEIGHT = 60
BORDER = 0
align = left
ALT = "WDVL button"
>
<IMG SRC="../Images/1109bttn.jpg"
WIDTH = 130
HEIGHT = 60
BORDER = 0
align = right
ALT = "WDVL button"
>
Another option would be to set your images up within a table. You can
adjust how far apart the images are by adjusting the
table width.
Source Code:
<CENTER>
<TABLE width="80%">
<TR><TD valign="top">
<IMG SRC = "../Images/1109bttn.jpg"
WIDTH = 130
HEIGHT = 60
BORDER = 0
align = left
ALT = "WDVL button"
>
</TD><TD>
</TD><TD valign="top">
<IMG SRC = "../Images/1109bttn.jpg"
WIDTH = 130
HEIGHT = 60
BORDER = 0
align = right
ALT="WDVL button"
>
</TD></TR>
</TABLE>
</CENTER>
More:
|
