4 replies to this topic

[dirkfirst]

I've created a table that has pictures and one of the pictures should fit perfectly together but I'm getting spaces between the two pictures. The PC_pic01 and pic02 should fit perfectly together.

<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td colspan="2"><img src="pc_pic01.jpg" 
				border="0" width="344" height="320" alt="Image 1" />
					
		</td>
		<td rowspan="2" style="vertical-align:middle"><img src="un_pic.jpg" 
				border="0" width="110" height="104" alt="Image" />
			<br />
			<img src="ec_pic.jpg" 
				border="0" width="110" height="129" alt="Image" />
			<br />
			<img src="ncs_pic.jpg" 
				border="0" width="109" height="174" alt="Image" /></td>
	</tr>
	<Tr>
		<td style="vertical-align:top"><img src="pc_pic02.jpg" width="152" border="0" 
				height="90" alt="Image 2" />
				</td>
		<td width="200" class="tcenter">
			<a href="http://link1" target="_blank" class="link">Link1</a>
			<a href="http://Link2" target="_blank" class="link">Link2</a>
			<a href="http://Link3" target="_blank" class="link">Link3</a>
			<a href="http://Link4" target="_blank" class="link">Link4</a>
		</td>
	</tr>
</table>

Any ideas?

[John]

I never had luck fitting images together seamlessly while manually coding, I finally got fed up with it and just let photoshop generate my code.

[sahar88]

thanks a lot ..........

[Void]

Try using the 'valign="top"' and 'valign="bottom"' for the two pictures.

[Matt]

I have noticed this problem in Internet Explorer's rendering of consecutive images. Firefox, however, renders them as one would expect.

If you do not want to make your images into a single image, I suggest using an image map, which has the advantage of being able to handle separate parts of a single image differently. See this tutorial for more information: http://htmlgoodies.c...als/image_maps/.