Weird spacing on product listing pages suddenly occured
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
Re: Weird spacing on product listing pages suddenly occured
Quote:
Originally Posted by
SethF
...... 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?
Re: Weird spacing on product listing pages suddenly occured
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.
Re: Weird spacing on product listing pages suddenly occured
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;}
Re: Weird spacing on product listing pages suddenly occured
- You have more stylesheets than I think I've ever seen in one place.:ohmy: Including a snippet coded into the main page!
- The alignment is probably caused by:
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.
Re: Weird spacing on product listing pages suddenly occured
Quote:
Originally Posted by
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;}
This did the trick - thanks.
Yeah I know there are quite a few stylesheets. I'll get those cleaned up.