Welcome! To use this support forum, please Login or Join Today!

   

Form Picture Overlap

{name}
Rank

Total Posts: 17

Joined 2011-09-24

PM

 

On my “Contact Us” page I have the code for Contact Me form. http://www.seamlessremodeling.com/contact-us/

This form is placed left by default then I added a picture to the right. Whenever I add anything to the right the form gets cut down to only about the 1/4 top right corner. Note I placed

[/code]<div class="one_half">[code] 
and
[/code]</div>[code] 

here in an attempt to try and fix the problem but it has not worked. What do I need to do to make this work? Thanks

[/code]
<div class="one_half">
<
iframe width="320" height="240" frameborder="0" scrolling="no" src="http://www.contactme.com/4ea83c8ee7d868000101700e/embed"></iframe>
</
div>
<
a href="http://www.seamlessremodeling.com/wp-content/uploads/2011/10/Vicon-Classic-flat-casing.jpg"><img class="aligncenter size-full wp-image-655" title="Vicon Classic flat casing" src="http://www.seamlessremodeling.com/wp-content/uploads/2011/10/Vicon-Classic-flat-casing-e1320868425962.jpg" alt="" width="350" height="525" /></a>
[code] 
{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Try this instead:

[one_half]
<iframe width="480" height="600" frameborder="0" scrolling="no" src="http://www.contactme.com/4ea83c8ee7d868000101700e/embed"></iframe>
[/one_half]
[one_half_last]
<a href="http://www.seamlessremodeling.com/wp-content/uploads/2011/10/Vicon-Classic-flat-casing.jpg"><img class="aligncenter size-full wp-image-655" title="Vicon Classic flat casing" src="http://www.seamlessremodeling.com/wp-content/uploads/2011/10/Vicon-Classic-flat-casing-e1320868425962.jpg" alt="" width="350" height="525" /></a>
[/one_half_last]
{name}
Rank

Total Posts: 17

Joined 2011-09-24

PM

 

Thanks, this got it close. The right edge of the CM form was cut off so I changed the iframe width from 480 to 520 and it fit perfect.

One other question. If I wanted to put 2-3 small picture to the right vertically next to the form how do I do that?  After scaling the pics, below the pic there now, copy and paste the same code with the new pic details enclosed with [one_half_last]

{name}
RankRankRankRank

Total Posts: 3667

Joined 2011-04-27

PM

 

Yes, you would just add more pictures in between the one_half_last tags:

[one_half_last]
...picture one…
...picture two…
...picture three…
[/one_half_last]