Weird spacing on product listing pages suddenly occured

[SethF]

Hi guys

If you check out this product listing page:
http://pcselect.co.za/index.php?main...ex&cPath=2_354

..You'll see that the spacing between and within each row in the product listing table is weird. The product name, short description, stock and price are suppose to lie directly in line (next to) the product image - like this:

http://screencast.com/t/nMRqXmsrh3E

I looked at the code and can't figure out why this suddenly happened. I haven't touched the product listing page in months (I did however recently hire a contractor to take care of an unrelated issue - maybe he did something by mistake?)

I'd appreciate it if you guys could give me a hand here.

Thanks!
Seth

[frank18]

...... I haven't touched the product listing page in months (I did however recently hire a contractor to take care of an unrelated issue - maybe he did something by mistake?)....

If you have neot changed anything at all, could you ask the contractor if he/she 'accidentally' changed anything in the stylesheet?

[SethF]

These people are not the easiest people to get a hold of - I thought someone in the community might be able to see what's causing this.

[stevesh]

I can't see where the problem is coming from (you sure do have a lot of stylesheets), but try adding this to stylesheet.css:

.productListing-data {vertical-align: top;}

[SethF]

I can't see where the problem is coming from (you sure do have a lot of stylesheets), but try adding this to stylesheet.css:

.productListing-data {vertical-align: top;}

This did the trick - thanks.

Yeah I know there are quite a few stylesheets. I'll get those cleaned up.

[dbltoe]

1. You have more stylesheets than I think I've ever seen in one place. Including a snippet coded into the main page!
2. The alignment is probably caused by:
   
   • A blanket change from text-align:left; to text-align:center.
   • The omission of a <br class="clearBoth" /> before the offending div or th.
   • The blank call for the th in http://pcselect.co.za/web_cache/cjlo...ab88e8d0fa.css
   • A combination of all of the above.

Get a copy of Firefox with the firebug addon. You can use it to see what is causing the problem. It is so involved that trying to explain it in a thread would take forever and still might not be the look you want.