Advertisement
Help Keep Boards Alive. Support us by going ad free today. See here: https://subscriptions.boards.ie/.
https://www.boards.ie/group/1878-subscribers-forum

Private Group for paid up members of Boards.ie. Join the club.
Hi all, please see this major site announcement: https://www.boards.ie/discussion/2058427594/boards-ie-2026

Site test - two images inconsistently out of alignment

  • 06-09-2007 06:52PM
    #1
    daymobrew
    Registered Users, Registered Users 2 Posts: 6,733 ✭✭✭


    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.


Comments

  • #2
    forbairt
    Registered Users, Registered Users 2 Posts: 3,594 ✭✭✭forbairt


    no time to try it out at the moment but try ... something like
    td { vertical-align: top; }


  • #3
    daymobrew
    Registered Users, Registered Users 2 Posts: 6,733 ✭✭✭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>


  • #4
    forbairt
    Registered Users, Registered Users 2 Posts: 3,594 ✭✭✭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>


  • #5
    daymobrew
    Registered Users, Registered Users 2 Posts: 6,733 ✭✭✭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. :confused:

    Thanks for checking. Other suggestions/input welcome.


Advertisement
Advertisement