PDA

View Full Version : Adding Image Link Messes Up Layout


jeremylwf
11-13-2008, 01:23 AM
Hi,

After adding links to my navigation bar, my whole layout is messed up. Here is the picture:

Distorted
http://img142.imageshack.us/img142/7590/distortednm0.jpg


Undistorted
http://img142.imageshack.us/img142/2668/undistortedfq8.jpg

Here is the html code with the links:
<html>
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>JMD Pacific</title>
<!-- TemplateEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (JMD Pacific.psd) -->
<table id="Table_01" width="1153" height="215" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="7">
<img src="../images/JMD-Pacific_01.gif" width="1152" height="28" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="28" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="../images/JMD-Pacific_02.gif" width="72" height="187" alt=""></td>
<td rowspan="4"> <a href="../index.html"><img src="/images/home.gif" width="252" height="149" alt=""></a></td>
<td colspan="5">
<img src="../images/JMD-Pacific_04.gif" width="828" height="25" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td>
<img src="../images/about_us.gif" width="179" height="106" alt=""></td>
<td>
<img src="../images/products.gif" width="179" height="106" alt=""><img src="../images/clients.gif" width="179" height="106" alt=""></td>
<td>&nbsp;</td>
<td rowspan="2">
<img src="../images/contact.jpg" width="179" height="108" alt=""></td>
<td rowspan="4">
<img src="../images/JMD-Pacific_09.gif" width="112" height="162" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="106" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="../images/JMD-Pacific_10.gif" width="537" height="56" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="../images/JMD-Pacific_11.gif" width="179" height="54" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td>
<img src="../images/JMD-Pacific_12.gif" width="252" height="38" alt=""></td>
<td>
<img src="../images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
</table>
<table width="1153" height="762" border="0" align="left" background="../images/background.jpg" id="1">
<tr>
<th width="1147" align="left" valign="top" scope="col"><!-- TemplateBeginEditable name="Content" -->Content<!-- TemplateEndEditable --></th>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

chenbanks
07-29-2009, 03:18 AM
Before You Click On Your Link File And Press Ok, Enter 0 In The Border Box, Down And To The Right Of The Link Box. http://www.dreamweaverclub.com/forum/images/icons/icon7.gif