Layout of page

24 Jun 2015, 10:00 AM

#1

New Zenner

Join Date:: Mar 2015
Location:: Potters Bar, United Kingdom
Posts:: 10
Plugin Contributions:: 0

Layout of page

Hi , on the contact page of my works new website , theres a form for customers to fill out if they need to contact us and the writing has moved over to the right. Kinda hard to explain so heres a link :

http://www.telecomspares.com/index.php?main_page=contact_us

would like to know how to move it to where it should be.

any help would be great.

24 Jun 2015, 11:11 AM

#2

stevesh

Black Belt

Join Date:: Feb 2005
Location:: Lansing, Michigan USA
Posts:: 19,793
Plugin Contributions:: 2

Re: Layout of page

I'd try adding a <br /> or two after the Google Maps iframe.

24 Jun 2015, 11:31 AM

#3

geobew

New Zenner

Join Date:: Mar 2015
Location:: Potters Bar, United Kingdom
Posts:: 10
Plugin Contributions:: 0

Re: Layout of page

thanks for the help, im pretty new to this so any idea where to put the <br />

<p><iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2472.464934373071!2d-0.202045!3d51.706236!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48763d383a952041%3A0x1522595cf594661!2sTelecom+Spares+Ltd!5e0!3m2!1sen!2suk!4v1419328387005" width="270" height="280" frameborder="0" style="border:0"></iframe></p> </div> <br /> <p> <div class="alert forward"><?php echo FORM_REQUIRED_INFORMATION; ?></div> <?php // show dropdown if set if (CONTACT_US_LIST !=''){ ?> <label class="inputLabel" for="send-to"><?php echo SEND_TO_TEXT; ?></label> <?php echo zen_draw_pull_down_menu('send_to', $send_to_array, 0, 'id="send-to"') . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?> <br class="clearBoth" /> <?php } ?>

24 Jun 2015, 4:53 PM

#4

keneso

Totally Zenned

Join Date:: May 2009
Posts:: 1,273
Plugin Contributions:: 3

Re: Layout of page

I am not sure the <br /> would do it, perhaps you'd be better off wrapping the fields in a div.

See >>> <div id="fz-contact">
You should put the closing </div> before the closing </fieldset>

Then in your stylesheet add
#fz-contact {
clear: left;
}

Of course you can change the id name as you please.

<p> <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2472.464934373071!2d-0.202045!3d51.706236!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48763d383a952041%3A0x15 22595cf594661!2sTelecom+Spares+Ltd!5e0!3m2!1sen!2suk!4v1419328387005" width="270" height="280" frameborder="0" style="border:0"></iframe> </p> </div> <p> **<div id="fz-contact">** <div class="alert forward"><?php echo FORM_REQUIRED_INFORMATION; ?></div> <?php // show dropdown if set if (CONTACT_US_LIST !=''){ ?> <label class="inputLabel" for="send-to"><?php echo SEND_TO_TEXT; ?></label> <?php echo zen_draw_pull_down_menu('send_to', $send_to_array, 0, 'id="send-to"') . '<span class="alert">' . ENTRY_REQUIRED_SYMBOL . '</span>'; ?> <br class="clearBoth" /> <?php } ?>

Benessere Ambra e Shungite | Wellbeing - Amber and Shungite

25 Jun 2015, 7:18 AM

#5

geobew

New Zenner

Join Date:: Mar 2015
Location:: Potters Bar, United Kingdom
Posts:: 10
Plugin Contributions:: 0

Re: Layout of page

thank you so much, worked a treat!