Site test - two images inconsistently out of alignment

daymobrew

I worked on http://www.wheelworxbikes.com/index.php, an osCommerce site.
On the top left is the search box. Sometimes the light blue left corner image is not aligned correctly (pushed down a bit) and sometimes the one to the left of the 'HOME' link is also pushed down. See attached image for example (small screenshot from Firefox 2.0.0.6 on XP; happens on other browsers and platforms).

The amount of misalignment is not consistent - there might not be any, but then it can be as bad as shown in the attached image. I'm baffled.
osCommerce makes extensive use of tables (to put it mildly). If I save the page when it's okay and when it's not okay, I don't see any differences.
Yes, the page is dynamic/PHP.

I am quite stumped at this. I've wondered if there is a hosting issue, maybe a delay in receiving the files is messing things up.

forbairt

no time to try it out at the moment but try ... something like

td { vertical-align: top; }

daymobrew

forbairt wrote:

no time to try it out at the moment but try ... something like

td { vertical-align: top; }

I gave this a try, using inline css but it didn't work.

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;">
...
<td width="3" style="vertical-align: top; height: 37px;"><img src="images/left_lang_corner.gif" alt="" width="3" height="37" /></td>
....
<td width="17" style="vertical-align: top; height: 37px;"><img src="images/right_lang_corner.gif" alt="" width="17" height="37" /></td>

forbairt

Hmm... its looking better to me ... on the site ... unless you did something else ... there's still a problem with one image though ...

edit : ok its gone funny again ...

BTW the html there is hidious ... so many tables .. ug ... I know its an initial problem with oscommerce I had to give up looking at it ...

you seem to be doing some weird stuff adding padding to certain bits .. and not to others ... there also seems to be an empty table in there ???

<table class="infoBox" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td>
<table class="infoBoxContents" width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="boxText" align="left"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

daymobrew

forbairt wrote:

edit : ok its gone funny again ...

Yeah, it's like this.

forbairt wrote:

BTW the html there is hidious ... so many tables .. ug ... I know its an initial problem with oscommerce I had to give up looking at it ...

Don't try to make sense of it. I can't wait for osCommerce 3 which will use CSS for layout, but it's only in alpha atm.

forbairt wrote:

you seem to be doing some weird stuff adding padding to certain bits .. and not to others ... there also seems to be an empty table in there ???

I don't see this empty table. I don't see any 'tbody' tags either.

Thanks for checking. Other suggestions/input welcome.