Image Alignment with Custom Fields

[obviouslynewtothis]

Hello there, I am looking to achieve the layout summarised in http://i.imgur.com/M0eYT.png. For my current project I have had to manually edit a lot of css / php but haven't been able to figure this part out. I have looked through the site but am yet to find the code that I need.  Any help that  you can give me would be really great.

Thanks, a frustrated beginner

[bytelord]

Hello,

You could use float:left and float:right for the fields (CSS). Your html structure coul be:

<div class="main-product">
    <div class="show-image" style="float:left">
      image
    </div>
    div class="show-custom-fields" style="float:right"
     custom fields
    </div>
</div>

Some quick comments not a solution, use firebug to examine your html code and css styling, its easy and fast http://forum.virtuemart.net/index.php?topic=102850.0

Regards

[obviouslynewtothis]

Thanks for your response. I have been using Firebug so far but have not been able to apply this edit without messing it up. Do you mean to apply the changes suggested in the main Virtuemart css file?

[bytelord]

Hello,

No, You could create overrides.
More information regarding template overrides could be found here: http://forum.virtuemart.net/index.php?topic=98505.0
Using template system: http://dev.virtuemart.net/projects/virtuemart/wiki/Hints_for_the_use_of_the_template_system

Regards