How to align form on the right

Chronoform V 4
Joomla 3.1.5
Template: rockettheme lumiere

link for this issue: http://www.eos-energia-olografica-sistemica.com/risorse/sintonia-radiante-pineale-eos

I wanted to align the form on the right of a div containing text and image,
I tried this code

<div style="float: left; margin-right: 10px;"><img src="images/cd-copertina.png" alt="CD - Sintonia Radiante Pineale EOS®" /></div>
<div>{chronoforms}Ascolta-Traccia-Gratuita{/chronoforms}</div>

but it doesn't work (the form is still below the image, not on the right)

I then tried by adding a float:right style to the form div

<div style="float: left; margin-right: 10px;"><img src="images/cd-copertina.png" alt="CD - Sintonia Radiante Pineale EOS®" /></div>
<div style="float: right">{chronoforms}Ascolta-Traccia-Gratuita{/chronoforms}</div>

this work partially, it creates minor issues with the div containing these 2 divs (image and form) but a major issue with link "powered by Chronoforms" which is not being floated to the right and breaks the general layout

anyone as a suggestion on how I could do this correctly?

Hi olaccina,

The page isn't accessible so hard to be sure but try this:

<div>
  <img src="images/cd-copertina.png" alt="CD - Sintonia Radiante Pineale EOS®" style="float: left; margin-right: 10px;" />
  <div>{chronoforms}Ascolta-Traccia-Gratuita{/chronoforms}</div>
</div>

Bob

thanks GreyHead

the site is accessible now,I tried your suggestion... no luck :-(

Hi ollocina,

This seems to work:

div>
  <img src="images/cd-copertina.png" alt="CD - Sintonia Radiante Pineale EOS®" style="margin-right: 10px;" />
  <div style="float: right;" >{chronoforms}Ascolta-Traccia-Gratuita{/chronoforms}</div>
</div>

Bob

thank you! 🙂