Add CSS

Hi I am trying to create an Newsletter that grabs Products from a DB... Im having issues adding inline styles.. For some reason nothing I add seems to work...

<div class="product" style="width: 164px; height: 354px; float: left;"><img src="http://www.webaddress.com.au/images/products/med/<?php echo $row_WADAproducts['product_img']?>?<?php echo time()?>" vspace="8" border="0" /></div>

In this instance the products are not floating and repeating underneath each other

Try adding overflow: hidden; to the style as well.

Before creating it in universal email using dynamic data, it is helpful to create the layout as a static page with test data, if your still having an issue getting the layout to work, send us a link where we can see the problem in a browse.

I want to repeating products horizontally across the Newsletter page... I would usually use <div style="float:left;><info</div> then wrap the div in the repeat region..

But this is laying out the products in the sent email stacked on top of each other as if the div is still acting as a block element...

I am able to achieve the horizontal repeat using a table aligned left - but I am still unable to use any type of css positioning for other elements?

To clarify I am creating a newsletter to be sent to a mailing list...My results are seen in Microsoft Outlook...In the preview window of Universal Email the template looks fine but the results are as stated above.

Thanks

what version of outlook?


It looks like outlook 2007/2010 does not have support for the float property:
css/

Im using 2010

Its all ok now - I decided to use a table - it does the trick but no where near as good as using CSS