Greetings, I need to list products in such a way that the number displayed per row will adjust according to screen resolution set with a thumbnail picture on the left and the item details on the right for each product displayed. Sounds simple enough. Should look like this:
Thumb | Item No. ..... | Product Name ..... | Price ..... | Inventory ..... | Etc. & so forth First, I tried floating each display left in a fixed-width div with the image floated left within. Works beautifully. Problem is that the thumbs are different heights and info to the right of the thumbnail wraps around the bottom of smaller thumbs like so: Thumb | Item No. ..... | Product Name ..... | Price Inventory Etc.... I've tried putting both in divs with a fixed height. I've tried displaying each product as an inline list. "white-space: nowrap" didn't do it (IE wouldn't support that anyway), blah, blah. No matter what I try, that text wraps. Mid-level CSS skills and at wits end. Any ideas how to group these without the product info wrapping? The barest example can be found here: http://www.yescoltd.com/products.htm Assistance is most appreciated. lr ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
