View Single Post
  #1  
Old 11-20-2004, 05:19 AM
 
pinnacle pinnacle is offline
 

Member
  
Join Date: Oct 2004
Posts: 17
 

Default float:left image on product detail

Has anyone had success with breaking the product image out of the seperate table cell and float:left so that the description flows around it? I have set it up to do so and the text wraps fine but if I use css to color a background or have a border those appear behind the image.

Here is an example: http://www.adaappliances.com/product.php?productid=16135&cat=0&page=1

And another: http://www.adaappliances.com/product.php?productid=16156&cat=0&page=1

Code snippet of the product_thumbnail.tpl

Code:
<p style="float:left; margin:0px, 12px, 12px, 0px; padding:0px, 10px, 0px, 0px;">{* $Id: product_thumbnail.tpl,v 1.14 2004/06/24 09:53:29 max Exp $ *} {if $config.Appearance.show_thumbnails eq "Y"} [img]{if $tmbn_url}{$tmbn_url}{else}{if $full_url}{$http_location}{else}{$xcart_web_dir}{/if}/image.php?productid={$productid}{if $file_upload_data.file_path}&tmp=y{/if}{/if}[/img]{/if} </p>

I can specify a margin-left in the description html or use tables but this is tedious and has some adverse effects. I was hoping there was something that could be done on the template to compensate.

The site is not live so please do not attempt to order anything!
__________________
First ever x-cart site:
http://www.adaappliances.com
X-Cart version 4.1.10

http://www.pinnacledesigns.tv
working on version 2 of site, please stand by...
Reply With Quote