splitting images

[monkeymeister]

How do you split an image into 1 or more pieces and display it on your website without getting gaps in between the images (e.g. see my test website

http://beta58570.server1.dotnetsandbox.net)?

Is this a HTML issue or a image software one?

Any help would be really appreciated.


Cheers,

Mike

 

[monkeymeister]

Sorry, the URL should read beta-58570, not beta58570.

 

[BillyRayPreachersSon]

Because your table is 760 pixels wide and the images are only 756 in total, you must expect a gap somewhere.

Change the width of your table to 756 and the gap vanishes.

Hope this helps,
Dan

[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]

 

[mkrausnick]

Put both images in the same cell with FLOAT:LEFT:

<td width="756">
<img src="images/header3.png" width="350" height="150" hspace="0" vspace="0" border="0" style="float:left">    
<img src="images/header2.png" width="406" height="150" hspace="0" vspace="0" border="0" style="float:left">
</td>

Mike Krausnick
Dublin, California

 

[Vragabond]

Or even easier, just put both images in the code and don't put any spaces between them. Images are inline and should stack the way you want them to:

<img src="images/header3.png" width="350" height="150"  alt="First Header" /><img src="images/header2.png" width="406" alt="Second Header" />