DSH: Table layout problem

[iTST]

Hi all ;-)

I've been scratching my head over this for quiet a while, but could find the error...

If you look at

http://www.itst.org/beratung.php,

you see above the logo a line beginning with "Beratung".
Below this there is a line going "Homepage arrow Beratung".

As you can see, the two lines are not correcty indented. They should be beginning at the same vertical position.

If you look at the source, you see both lines are preceeded by a table cell with a "spacer" image. In both cells, this image is 110 pixels in width.

Acutally, I can't understand why the first line is displayed about 3 pixel more to the left...

Any hints? cu, Sascha

http://www.itst.org/

 

[tviman]

A copy of the the source code I'm seeing is below. The spacer on the top logo is set to a width of 1 while the other is set to 110.

<table width=&quot;750&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; class=&quot;sy&quot;>
<tr>
<td align=&quot;left&quot; valign=&quot;middle&quot;>
<a href=&quot;#inhalt&quot;><img class=&quot;nav&quot; src=&quot;/images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; alt=&quot;Direkt zum Inhalt springen&quot; /></a>
<a name=&quot;oben&quot;><img class=&quot;nav&quot; src=&quot;/images/spacer.gif&quot; width=&quot;1&quot; height=&quot;1&quot; alt=&quot;Seitenanfang&quot; /></a>
<a href=&quot;

http://www.itst.org/&quot;><img

class=&quot;nav&quot; src=&quot;/images/banner2.gif&quot; alt=&quot;itst . org logo: information technology should be simple technology&quot; width=&quot;500&quot; height=&quot;25&quot; /></a>
</td>
<td align=&quot;right&quot; valign=&quot;middle&quot;>
<img class=&quot;nav&quot; src=&quot;/images/sm.gif&quot; width=&quot;21&quot; height=&quot;21&quot; alt=&quot;Sitemap-Icon&quot; /> <a class=&quot;nav&quot; href=&quot;/sitemap.php&quot;>Sitemap</a><!-- - <a class=&quot;nav&quot; href=&quot;

http://foren.itst.org/phpBB2/search.php&quot;>Forumsuche</a>

-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</td>
</tr>
</table>

<!-- Navigation -->

<table width=&quot;750&quot; border=&quot;0&quot; class=&quot;sy&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<tr>
<td valign=&quot;top&quot;><img class=&quot;nav&quot; src=&quot;/images/spacer.gif&quot; width=&quot;110&quot; height=&quot;1&quot; alt=&quot;spacer&quot; /></td>
<td valign=&quot;top&quot;>
<span class=&quot;nav&quot;><img class=&quot;nav&quot; src=&quot;/images/spacer.gif&quot; width=&quot;640&quot; height=&quot;1&quot; alt=&quot;spacer&quot; /><br />Beratung <img class=&quot;nav&quot; src=&quot;/images/bullet.gif&quot; width=&quot;5&quot; height=&quot;5&quot; alt=&quot;Trenner&quot; /> <a class=&quot;nav&quot; href=&quot;/archiv_bs.php&quot;>Buch- &amp; Softwaretipps</a> <img class=&quot;nav&quot; src=&quot;/images/bullet.gif&quot; width=&quot;5&quot; height=&quot;5&quot; alt=&quot;Trenner&quot; /> <a class=&quot;nav&quot; href=&quot;/specials.php&quot;>Specials</a> <img class=&quot;nav&quot; src=&quot;/images/bullet.gif&quot; width=&quot;5&quot; height=&quot;5&quot; alt=&quot;Trenner&quot; /> <a class=&quot;nav&quot; href=&quot;

http://foren.itst.org/phpBB2/index.php&quot;>Foren</a>

<img class=&quot;nav&quot; src=&quot;/images/bullet.gif&quot; width=&quot;5&quot; height=&quot;5&quot; alt=&quot;Trenner&quot; /> <a class=&quot;nav&quot; href=&quot;/kontakte.php&quot;>Kontakt</a> <img class=&quot;nav&quot; src=&quot;/images/bullet.gif&quot; width=&quot;5&quot; height=&quot;5&quot; alt=&quot;Trenner&quot; /> <a class=&quot;nav&quot; href=&quot;/w.php&quot;>Spenden</a> </span>
</td>
</tr>
</table>

There's always a better way...