PDA

View Full Version : 1 pixel alignment jump


stickitup
01-26-2009, 03:29 PM
I have made a table in DW8 1st column is 3pixels, 2nd column is 123 (122), when I jump from page to page the text on the "Contact" page jumps in alignment 1 pixel to the right. What is causing this. This page here is correctly aligned<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>About T. Rogers &amp; Co</title>
<style type="text/css">
<!--
.style2 {
color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-weight: bold;
}
.style36 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #CCCCCC; font-size: 24px; }
a:link {
color: #666666;
text-decoration: none;
}
a:visited {
color: #999999;
text-decoration: none;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../Graphics/GRADIENT.gif);
background-repeat: no-repeat;
}
a:hover {
color: #CCCCCC;
text-decoration: none;
}
a:active {
text-decoration: none;
}
.style38 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #666666; font-size: 24px; }
.style114 {
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
}
.style45 {color: #FFFFFF}
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
.style48 {color: #666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.style116 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #660000; font-size: 24px; }
-->
</style>
</head>
<body>
<table width="808" height="574" border="0" align="center" cellpadding="2" cellspacing="2" background="../Graphics/GRADIENT.gif"><!--DWLayoutTable-->
<tr>
<td height="150" colspan="5" align="center" valign="middle"><div align="center"><img src="../Graphics/BORDER-DESIGN-left.gif" alt="borderl" width="136" height="115" border="0" /><img src="../Graphics/T.-Rogers-&amp;-Co-Logowithoutg.gif" alt="T.Rogers shipping &amp; forwarding" name="T" width="525" height="115" id="T" /><img src="../Graphics/BORDER-DESIGN.gif" alt="" name="BORDER" width="136" height="115" border="0" id="BORDER" /></div></td>
</tr>
<tr bgcolor="#660000">
<td height="24" colspan="5" bgcolor="#FFFFFF"><div align="center" class="style2"><a></a><img src="../Graphics/Address-Bar-LC.gif" width="800" height="24" alt="" /></div></td>
</tr>
<tr>
<td width="3" height="50" align="left" valign="top">&nbsp;</td>
<td width="123" height="50" align="left" valign="top">&nbsp;</td>
<td width="72" height="50" align="left" valign="top">&nbsp;</td>
<td width="533" height="50" align="left" valign="top">&nbsp;</td>
<td width="45" height="50" align="left" valign="top">&nbsp;</td>
</tr>
<tr>
<td height="50" align="left" valign="top">&nbsp;</td>
<td height="50" align="left" valign="middle"><span class="style116">| Contents</span></td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="350" rowspan="7" align="left" valign="top" class="style114"><p class="style48"><a href="Index.htm">Page
under construction </a></p> </td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr align="left" bordercolor="#660000">
<td height="50" valign="top"><a href="../Graphics/GRADIENT.gif"></a></td>
<td height="50" align="left" valign="middle"><a></a></td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr align="left" bordercolor="#660000">
<td height="50" valign="top"><a href="../Graphics/GRADIENT.gif"></a></td>
<td height="50" align="left" valign="middle" class="style38"><a href="../Pages being built/History.html">| History</a> </td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr align="left" bordercolor="#660000">
<td height="50" valign="top"><a href="../Graphics/GRADIENT.gif"></a></td>
<td height="50" align="left" valign="middle" class="style38"><a href="../Pages being built/Terms1.html">| Terms</a> </td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr align="left" bordercolor="#660000">
<td height="50" valign="top"><a href="../Graphics/GRADIENT.gif"></a></td>
<td height="50" align="left" valign="middle"><a><span class="style36">| About</span></a></td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr bordercolor="#660000">
<td height="50" align="left" valign="top"><a href="../Graphics/GRADIENT.gif"></a></td>
<td height="50" align="left" valign="middle" class="style38"><a href="../Pages being built/Contact.html">|
Contact</a> </td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
<tr bordercolor="#660000">
<td height="50" align="left" valign="top"><a href="../Graphics/GRADIENT.gif"></a></td>
<td height="50" align="left" valign="middle" class="style38"><a href="../Pages being built/Links.html">| Links</a> </td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
</tr>
</table>
</body>
</html>
this is the second problem page
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Contact T. Rogers &amp; Co</title>
<style type="text/css">
<!--
.style26 {font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #999999; font-size: 24px; }
.style36 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #CCCCCC;
font-size: 24px;
border-color: #FFFFFF;
}
a:link {
color: #666666;
text-decoration: none;
}
a:visited {
color: #999999;
text-decoration: none;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../Graphics/GRADIENT.gif);
background-repeat: no-repeat;
}
a:hover {
color: #CCCCCC;
text-decoration: none;
}
.style46 {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #333333; }
body,td,th {
font-family: Arial, Helvetica, sans-serif;
}
a:active {
text-decoration: none;
}
.style114 {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #666666; }
.style118 {
color: #660000;
font-size: 12px;
}
.style122 {font-size: 12}
.style123 {font-family: Arial, Helvetica, sans-serif; font-size: 12; color: #666666; }
.style124 {color: #660000}
.style126 {
font-weight: bold;
color: #660000;
border-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
}
.style127 {font-weight: bold; color: #666666; font-family: Arial, Helvetica, sans-serif;}
.style128 {font-weight: bold; color: #CCCCCC; border-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;}
.style129 {color: #666666}
-->
</style>
</head>
<body>
<table width="808" height="574" border="0" align="center" cellpadding="2" cellspacing="2" background="Graphics/GRADIENT.gif"><!--DWLayoutTable-->
<tr>
<td height="150" colspan="5" align="center" valign="middle" nowrap="nowrap"><div align="center"><img src="../Graphics/BORDER-DESIGN-left.gif" alt="borderl" width="136" height="115" /><img src="../Graphics/T.-Rogers-&amp;-Co-Logowithoutg.gif" alt="T.Rogers shipping &amp; forwarding" name="T" width="525" height="115" id="T" /><img src="../Graphics/BORDER-DESIGN.gif" alt="" name="BORDER" width="136" height="115" id="BORDER" /></div></td>
</tr>
<tr bgcolor="#660000">
<td height="24" colspan="5" align="left" valign="top" bgcolor="#FFFFFF"><div align="center"><img src="../Graphics/Address-Bar-LC.gif" alt="" width="800" height="24" border="0" align="middle" /></div></td>
</tr>
<tr>
<td width="3" height="50" align="left" valign="top"><a></a></td>
<td width="123" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="72" height="50" align="left" valign="top"><a></a></td>
<td width="171" height="50" align="left" valign="top"><a></a></td>
<td width="407" height="50" align="left" valign="top"><a></a></td>
</tr>
<tr>
<td width="3" height="50" align="left" valign="top"><a></a></td>
<td width="123" height="50" align="left" valign="middle" class="style126">| Contents</td>
<td width="72" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="171" height="50" align="left" valign="top"><a class="style114">Managing
Director: </a></td>
<td width="407" height="50" align="left" valign="top"><span class="style114">Ronald Pepprell </span></td>
</tr>
<tr align="left" bordercolor="#660000">
<td width="3" height="50" valign="top"><a></a></td>
<td width="123" height="50" align="left" valign="middle"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="72" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="171" height="50" align="left" valign="top" class="style114"><span class="style122"><a class="style114"></a></span><a><span class="style123">Exports:</span></a></td>
<td width="407" height="50" align="left" valign="top" class="style114"><a><span class="style123">Barbara
Richardson </span></a></td>
</tr>
<tr align="left" bordercolor="#660000">
<td width="3" height="50" valign="top"><a></a></td>
<td width="123" height="50" align="left" valign="middle" class="style26"><a href="../Pages being built/History.html" class="style127">|
History</a></td>
<td width="72" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="171" height="50" align="left" valign="top" class="style114"><a><span class="style123">Imports
/ Bond: </span></a></td>
<td width="407" height="50" align="left" valign="top" class="style114"><a><span class="style123">Wil
Russell </span></a></td>
</tr>
<tr align="left" bordercolor="#660000">
<td width="3" height="50" valign="top"><a href="../Graphics/GRADIENT.gif"></a></td>
<td width="123" height="50" align="left" valign="middle" class="style26"><a href="../Pages being built/Terms1.html" class="style127">|
Terms</a></td>
<td width="72" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="171" height="50" align="left" valign="top" class="style114"><a><span class="style123">Telephone:</span></a></td>
<td width="407" height="50" align="left" valign="top" class="style114"><a><span class="style123">+44
(0) 20 7622 9151</span></a></td>
</tr>
<tr align="left" bordercolor="#660000">
<td width="3" height="50" valign="top"><a></a></td>
<td width="123" height="50" align="left" valign="middle" class="style26"><a href="../Pages being built/About.html" class="style127">|
About</a></td>
<td width="72" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="171" height="50" align="left" valign="top" class="style114"><a><span class="style123">Fax:</span></a></td>
<td width="407" height="50" align="left" valign="top" class="style114"><a><span class="style123">+44
(0) 20 7627 3318 </span></a></td>
</tr>
<tr bordercolor="#660000">
<td width="3" height="50" align="left" valign="top"><a></a></td>
<td width="123" height="50" align="left" valign="middle" class="style36"><a><span class="style27"><span class="style128">| Contact</span></span></a></td>
<td width="72" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="171" height="50" align="left" valign="top" class="style114"><a><span class="style123">Email:</span></a></td>
<td width="407" height="50" align="left" valign="top" class="style114"><p><span class="style124"><u>trogersco@btconnect.com</u> <span class="style129">/</span> <u>wil_russell@btconnect.com</u></span> </p> </td>
</tr>
<tr bordercolor="#660000">
<td width="3" height="50" align="left" valign="top"><a></a></td>
<td width="123" height="50" align="left" valign="middle" class="style26"><a href="../Pages being built/Links.html" class="style127">|
Links</a></td>
<td width="72" height="50" align="left" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
<td width="171" height="50" align="left" valign="top" class="style46"><a></a></td>
<td width="407" height="50" align="left" valign="top"><p class="style118">&nbsp;</p> </td>
</tr>
</table>
</body>
</html>

The URL is www.trogers.co.uk (http://www.trogers.co.uk) and the page which has the problem is listed on the left hand link called "Contact". This is probably something very simple but as a noob I am struggling with. I am browsing using IE7 on vista. Thanks in advance.

urbanrays
01-26-2009, 06:10 PM
mmm deja vu,
I think I remember this from an earlier post, you still have not put small transparent gifs in the empty cells. Or told us if you have tried this and it has not worked
And what you really need to do is work with CSS the site would be very simple to do in CSS you could do it with header, left nav, content, footer

urbanrays
01-26-2009, 06:13 PM
sorry just seen your previous post and you did try the gifs

You really do need to go down a CSS route though mate
You will so pleased you did in the end

Ricky55
01-27-2009, 02:12 AM
use view expanded to see exactly whats happening with tables but css is really the only way forward tables are out of date.

stickitup
01-27-2009, 09:17 AM
yes sorry urbanrays i posted the script before i pasted the gifs - ok i get the hint - i'll get my head around css, the tables option seemed the simplest to learn putting a site together. thanks for the suggestions and pointing me in the right direction.