Mac compatibility problem

[olivercoquelin]

I have used a custom image property to insert an additional image on my products page. It's the back of the garment placed on the right of the page:

http://www.greeneyegear.com/acatalog...olly_Polo.html

It looks fine on PCs unfortunately it ruins the layout when viewed on a Mac. Does anyone know how I could resolve this problem?

[thingamibob]

I'm a Mac user and am getting the same result on mac or PC.
Do you mean how the image is way above the product content?


If so, you should probably look for a simpler solution like putting the reverse image as part of the extended info and using "View Reverse Side" as the link.

Just a thought - I'm sure someone knows more about the code behind it.

[olivercoquelin]

I have attached a screenshot of the page displayed on both PC and Mac. I would like to get them both looking like the PC view with the tops of both images aligned.

The image location is asigned in Act_Primary. When the page is generated the table containing the main product image and info is knocked down by the size and position of the reverse image. With CSS is it possible to float the reverse image to a higher layer so to speak than the product table?

[NormanRouxel]

I think you'd have to post your Product Template for us to see.

Put it between [ c o d e ] and [ / c o d e ] tags (type them without the spaces) so that the indentation is preserved.

[olivercoquelin]

Here's the relevant code in Act_Primary.

[code]<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="750" ALIGN="CENTER">
<TR>
<TD VALIGN="MIDDLE" ALIGN="LEFT" > NETQUOTEVAR:FORMBEGIN <A NAME="top">
<INPUT TYPE=HIDDEN NAME=RANDOM VALUE="NETQUOTEVAR:RANDOM">
</A> NETQUOTEVAR:HIDDENFIELDS
<!-- If customer accounts are in operation following two lines allow displaying -->
<!-- User name and customer account name on every page -->
<!-- NETQUOTEVAR:LOGINLINK -->
<Actinic:NOWSERVING/> <Actinic:CURRACCOUNT/><Actinic:LOGOUT_SIMPLE/><br>
<!-- NETQUOTEVAR:HEADER -->
<span class="actxsmall">NETQUOTEVAR:HEADERTEXT<img src="CUSTOMVAR:SECTIONTITLE"><img src="CUSTOMVAR:REVERSE" align="right"><br><img src="CUSTOMVAR:SECTIONIMAGE" align="right">
<br>
</span> NETQUOTEVAR:BULK <br> <br> <span class="actxsmall">NETQUOTEVAR:FOOTERTEXT</span>
<!-- NETQUOTEVAR:FOOTER -->
NETQUOTEVAR:FORMEND<br> </TD>
</TR>
</TABLE>
[\code]

I hope this is the code you wanted to see and that it helps?

[cdicken]

Unfortunately, that's the primary template rather than the product template.

And looking at your code again, I think that's your problem. You need to include the extra image as part of the <tr> and <td> cells that make up your product layout.

[olivercoquelin]

I have resolved the issue by decreasing the size of the Product table to allow space for the custom property image to appear on the right without knocking it down.

Thank you everyone for your help.