My product 'sections' aren't displaying correctly in Firefox or Google Chrome - in Internet Explorer (9) its exactly as it should be...
I have applied the standard 'CSS Section Link Layout' to my sections - customised as follows:
The CSS used in this layout is:
The page can be viewed here: http://trials.actinic.com/trials/trial67531/shop.htm
The first and 4th product/section displays correctly, but the 2nd, 3rd and 5th products all have the text wrapping beneath the image, rather than floating right.
Any ideas??
I have applied the standard 'CSS Section Link Layout' to my sections - customised as follows:
Code:
<div class="product_list"> <div class="image_product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><img alt="<actinic:variable name="SectionName" encoding="strip"/>" src="<actinic:variable Name="SectionImageFileName"/>" border="0" /></a></div> <div class="section_description><h3 class="product"><a href="<actinic:block if="%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20AND%0d%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e" ><actinic:variable name="SectionPageName" /></actinic:block><actinic:block if="%28%3cactinic%3avariable%20name%3d%22IsLoginPageSuppressed%22%20%2f%3e%20%3d%3d%20false%29%20OR%0d%28%3cactinic%3avariable%20name%3d%22UnregCustomersAreNotAllowed%22%20%2f%3e%20%3d%3d%20false%29" ><actinic:variable name="SectionURL" /></actinic:block>" target="_self"><actinic:variable name='SectionName'/></a></h3> <actinic:variable name='SectionDescription'/> </div> </div>
Code:
.product_list { margin: 20px 0px 20px 0px; } .image_product { text-align: center; float: left; width: 180px; } .section_description { float: left; width: 325px; }
The first and 4th product/section displays correctly, but the 2nd, 3rd and 5th products all have the text wrapping beneath the image, rather than floating right.
Any ideas??
Comment