Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 180
  • Last Modified:

Spaces Between Images

Hi everyone,

I'm trying to eliminate the spaces that happen in between the different images.  They are in different cells of a table.

Can anyone help me eliminate these???
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title></title>
<link rel=StyleSheet href="style.css" />
</head>

<body>
<center>
<table bgcolor="#6592FA" align="center" width="800" border="0" cellpadding="0" cellspacing="0">
<tr><td>

<center>
<table bgcolor="#6592FA" width="700" border="0">
  <tr>
    <td><img src="images/logo.jpg" border="0" />
		<table width="700" border="0">
		  <tr>
			<td><img src="images/700blue.jpg" border="0"  /></td>
		  </tr>
		</table>
		<table width="700" border="0">
		  <tr>
			<td><img src="images/slideshow1.jpg" border="0" /></td>
			<td><a href="home.php" onmouseover="document.NAME1.src='images/homebutton_selected.jpg'" onmouseout ="document.NAME1.src='images/homebutton.jpg'"><img name=NAME1 src='images/homebutton.jpg' border='none'></a>
				<a href="services.php" onmouseover="document.NAME2.src='images/servicesbutton_selected.jpg'" onmouseout ="document.NAME2.src='images/servicesbutton.jpg'"><img name=NAME2 src='images/servicesbutton.jpg' border='none'></a>
				<a href="resources.php" onmouseover="document.NAME3.src='images/resourcesbutton_selected.jpg'" onmouseout ="document.NAME3.src='images/resourcesbutton.jpg'"><img name=NAME3 src='images/resourcesbutton.jpg' border='none'></a>
				<a href="contact.php" onmouseover="document.NAME4.src='images/contactbutton_selected.jpg'" onmouseout ="document.NAME4.src='images/contactbutton.jpg'"><img name=NAME4 src='images/contactbutton.jpg' border='none'></a>
			</td>
		  </tr>
		</table>
	</td>
  </tr>
</table>






<br />

<table width="700" border="0">
  <tr>
    <td><br /><div class="maintext_midsize"><br /><br /></div>
	</td>
  </tr>
</table>





<br /><br />

</center>
</td></tr></table>
</center>
</body>
</html>

Open in new window

spacing.JPG
0
tru504187211
Asked:
tru504187211
1 Solution
 
jessc7Commented:
Try this. I added cellpadding="0" and cellspacing="0" to the nested tables.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title></title>
<link rel=StyleSheet href="style.css" />
</head>

<body>
<center>
<table bgcolor="#6592FA" align="center" width="800" border="0" cellpadding="0" cellspacing="0">
<tr><td>

<center>
<table bgcolor="#6592FA" width="700" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="images/logo.jpg" border="0" />
		<table width="700" border="0" cellpadding="0" cellspacing="0">
		  <tr>
			<td><img src="images/700blue.jpg" border="0"  /></td>
		  </tr>
		</table>
		<table width="700" border="0" cellpadding="0" cellspacing="0">
		  <tr>
			<td><img src="images/slideshow1.jpg" border="0" /></td>
			<td><a href="home.php" onmouseover="document.NAME1.src='images/homebutton_selected.jpg'" onmouseout ="document.NAME1.src='images/homebutton.jpg'"><img name=NAME1 src='images/homebutton.jpg' border='none'></a>
				<a href="services.php" onmouseover="document.NAME2.src='images/servicesbutton_selected.jpg'" onmouseout ="document.NAME2.src='images/servicesbutton.jpg'"><img name=NAME2 src='images/servicesbutton.jpg' border='none'></a>
				<a href="resources.php" onmouseover="document.NAME3.src='images/resourcesbutton_selected.jpg'" onmouseout ="document.NAME3.src='images/resourcesbutton.jpg'"><img name=NAME3 src='images/resourcesbutton.jpg' border='none'></a>
				<a href="contact.php" onmouseover="document.NAME4.src='images/contactbutton_selected.jpg'" onmouseout ="document.NAME4.src='images/contactbutton.jpg'"><img name=NAME4 src='images/contactbutton.jpg' border='none'></a>
			</td>
		  </tr>
		</table>
	</td>
  </tr>
</table>






<br />

<table width="700" border="0">
  <tr>
    <td><br /><div class="maintext_midsize"><br /><br /></div>
	</td>
  </tr>
</table>





<br /><br />

</center>
</td></tr></table>
</center>
</body>
</html>

Open in new window

0
 
tru504187211Author Commented:
EXCELLENT!  Always the simple fix :)
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now