Hi All On 02/03/07, Richard Brown [EMAIL-REMOVED]> wrote: > Could someone help by pointing me towards a good tutorial or maybe > guide me through styling a table please? > > I have this site: > <http://domain1265618.sites.fasthosts.com/index.php?main_page=index&cPath=15> > and I want the products to look like this: > <http://www.horserugsandsaddlery.co.uk/SearchResult.aspx?CategoryID=10> > > Any ideas please? As you can see I have done some more work on this but it isn't looking right yet! The table has pushed the third column down below its content because it now spreads right across the page. Any ideas how I stop this please? I would also like to link the style to the table class="tabTable". So do I type table.tabTable to do this please? Page link: <http://domain1265618.sites.fasthosts.com/index.php?main_page=index&cPath=15> CSS relating to the table: table,td,th{ border: none; border-collapse: collapse; margin: 0; padding: 0; } table{ border: none; display: block; } td,th{ padding: .2em .5em; vertical-align: top; font-weight: normal; } thead th{ font-weight: bold; font-size: 90%; vertical-align: bottom; margin-bottom: 5px; float: left; } tbody td,tbody th{ padding: 7px 10px; } td { display:block; } thead, tfoot, th { display:none; } ..listingProductImage { float: left; } Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 ______________________________________________________________________ css-discuss [EMAIL-REMOVED]] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
