Advertisement
If you have a new account but are having problems posting or verifying your account, please email us on hello@boards.ie for help. Thanks :)
Hello all! Please ensure that you are posting a new thread or question in the appropriate forum. The Feedback forum is overwhelmed with questions that are having to be moved elsewhere. If you need help to verify your account contact hello@boards.ie

Site test - two images inconsistently out of alignment

Options
  • 06-09-2007 7:52pm
    #1
    daymobrew
    Registered Users Posts: 6,511 ✭✭✭


    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

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


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


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


  • Options
    #4
    forbairt
    Registered Users 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>


  • Options
    #5
    daymobrew
    Registered Users Posts: 6,511 ✭✭✭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