Cannot achieve "text wrap" effect around product image

[Feznizzle]

Hi,

I have decided to move my "Add to Cart" and "Product Details" to the top of my product info pages. I did that by editing:
/includes/templates/YOURTEMPLATE/templates/tpl_product_info_display.php

But this creates a big ugly gap on my page. Here is what it does:


I'd like to move things up, like so:


I suspect this can be solved with CSS if I knew it well enough. I can play with CSS using my firefox browser. If I make the product image align left, it seems to fix the problem:


But floating left disrupts the flow of my site! Can someone please help?

Here is my site link in case you find a moment to play with this (remove the "!!!!!"):
med!!!!!harvest.!!!!! biz/Stretchers/Admin_Testing/WINCO_S300_Stretchair_300_Lb._Capacity

Thanks,
Mike

[stevesh]

If you don't mind negative margins, this should work at the end of your stylesheet:


#cartAdd {margin-top:-14em;}

#productDetailsList {margin-top:-4em;}

Adjust the 'em' values as necessary.

You could also move the image in product_info_display.php.

[Feznizzle]

You could also move the image in product_info_display.php.

Hi Stevesh, thanks for the help!

I did fiddle around a bit with moving the image in the php file... could seem to get it to work.

[Feznizzle]

In editing the php file, what is the meaning of this string?:
<br class="clearBoth" />

When I remove it, things seem to work. Here is the way I found it:

<!--bof Product details list -->
<?php if ( (($flag_show_product_info_model == 1 and $products_model != '') or ($flag_show_product_info_weight == 1 and $products_weight !=0) or ($flag_show_product_info_quantity == 1) or ($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name))) ) { ?>
<ul id="productDetailsList" class="floatingBox back">
<?php echo (($flag_show_product_info_model == 1 and $products_model !='') ? '<li>' . TEXT_PRODUCT_MODEL . $products_model . '</li>' : '') . "\n"; ?>
<?php echo (($flag_show_product_info_weight == 1 and $products_weight !=0) ? '<li>' . TEXT_PRODUCT_WEIGHT . $products_weight . TEXT_PRODUCT_WEIGHT_UNIT . '</li>' : '') . "\n"; ?>
<?php echo (($flag_show_product_info_quantity == 1) ? '<li>' . $products_quantity . TEXT_PRODUCT_QUANTITY . '</li>' : '') . "\n"; ?>
<?php echo (($flag_show_product_info_manufacturer == 1 and !empty($manufacturers_name)) ? '<li>' . TEXT_PRODUCT_MANUFACTURER . $manufacturers_name . '</li>' : '') . "\n"; ?>
</ul>
<br class="clearBoth" />
<?php
}
?>
<!--eof Product details list -->

If I remove that, my page appears correctly. But I don't want to create any errors. Anybody know what that does?

[Feznizzle]

It also works if I change it from this:
<br class="clearBoth" />

To this:
<class="clearBoth">