View Full Version : how do you put two images directly adjacent eachother??!!

interackt
09-15-2005, 07:34 PM
i have used the following code
<html>
<head>
<title>title bar
</title>
</head>
<body>
<img src="fromentertoleft.bmp" border="0">
</img>
<img src="enter.bmp" border="0">
</img>
<img src="betweenenterandexit.bmp" border="0">
</img>
</body>
</html>

but it puts a space in between each of the images
i DO NOT WANT THIS AT ALL
please help!!
Paz
09-16-2005, 12:06 PM
Hi,

welcome to the forum.... :D

I think you need to define some more parameters for your images (here they are 100 pixels by 100 pixels but you can change that), then put them in a table of 1 row and 3 columns... There are other ways, but this is a simple way to start. "hspace" and "vspace" are like horizontal and vertical spacing..

try this:
<html>
<head>
<title>Some title</title>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tbody>

<tr>
<td valign="top" width="100">
<img alt="" src="fromentertoleft.bmp"
border="0" height="100" hspace="0" vspace="0" width="100"></td>

<td valign="top" width="100">
<img alt="" src="enter.bmp"
border="0" height="100" hspace="0" vspace="0" width="100"></td>

<td valign="top" width="100">
<img alt="" src="betweenenterandexit.bmp"
border="0" height="100" hspace="0" vspace="0" width="100"></td>
</tr>
</tbody>
</table>

</body>
</html>

Cheers,
Paz.
jrennard
11-19-2005, 07:34 PM
Though this looks as if it may be a dead thread....

There is a wonderful tool called Photoshop. You basically design your site in images and then cut it up. I'm new around here, so I'm not sure if people actually approve of this type of design, but it works wonders when you want seamless websites.