Jump to content

Spaces between pictures

- - - - -

This topic has been archived. This means that you cannot reply to this topic.
4 replies to this topic

#1
dirkfirst

dirkfirst

    Programming Expert

  • Members
  • PipPipPipPipPipPip
  • 354 posts
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?

#2
John

John

    Writes binary right handed and hex left handed

  • Moderators
  • 6,321 posts
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.

#3
sahar88

sahar88

    Newbie

  • Members
  • Pip
  • 5 posts
thanks a lot ..........

#4
Void

Void

    Programming Expert

  • Members
  • PipPipPipPipPipPip
  • 411 posts
Try using the 'valign="top"' and 'valign="bottom"' for the two pictures.
Void

#5
Matt

Matt

    Learning Programmer

  • Members
  • PipPipPip
  • 47 posts
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/.