Table Column Background Color

[Kunal]

I'm trying to change the background color of my product listing table for only the image column to white. Take a look here:

http://www.beyonlounge.com/index.php...&cPath=163_164

i've made the image the image cells 150 X 150 but i would like those cells to be white. The images are all re-sized by image handler to the width of 150px and after using vertical-align:middle to center them in the cell i would like them to have white backgrounds (the cells)

It just looks a bit funky the way it is, and i'd like a uniform look, any suggestions?

[gjh42]

You can do this for modern browsers with a few lines in your stylesheet. Add to the end of your stylesheet.css

.productListing-data {background: #ffffff;}
* html .productListing-data {background: none;}/* IE6 hack */
.productListing-data+.productListing-data {background: none;}

This will not work in IE6 because it doesn't understand the adjacent selector "+", so the
* html hack will leave the background black for IE6 users only.

There is a more robust method available in the flexible product listing mod, posted in the styling product listing pages with column layout grid thread, post 50. The CSS-only version in that mod should allow styling for every browser.

[Kunal]

hey thanks Glenn the code worked perfectly :-) That was buggin me for awhile!

I went ahead and installed the Flexible Product Listing mod too, but I couldn't achieve the same results regarding the white background in the image column.. I tried editing:

.listingImage
.listingProductImage

but couldn't get the images to 'vertical-align:middle' or have the background of the column be white. I went back to the old way for now.. but I think the mod will be great once I figure out the css for it.

Good Work, and thanks again.