Jump to content

Recommended Posts

Hi,

 

I've got a form which works fine in one div. I'm trying to put it in to two divs side by side but it doesn't submit when I do that.

Were am I going wrong please.

Here's the code I'm using if it helps:

 

I've created two divs which float side by side - formdivleft, formdivright. They're both in a parent div .

<div class="formdivleft" >
	  <h2 align="center">Request a quote</h2>
  <fieldset> 

  <legend>We will respond shortly to confirm your booking.</legend> 
  <p> 
<form action="formdev.php" method="POST">
				<input type="text" class="text" value="" placeholder="Your Name" required="" name="name" >
                <input type="text" class="text" value="" placeholder="Email Address" required="" name="email" >
				<input type="text" class="text" value="" placeholder="Telephone Number" required="" name="telephone" >
				<input type="text" class="text" value="" placeholder="Pick Up Point" required="" name="journeystart" >
				<input type="text" class="text" value="" placeholder="Destination" required="" name="journeydestination" >
				      <label for="Howmany">Number of people travelling</label> 
  	  	   <p>
				<select value="" placeholder="How Many Travelling" required="" name="howmany" >
			    <option value="One Person">One Person</option>
    <option value="Two-five">Two-five</option>
    <option value="Six-Twelve">Six-Twelve</option>
    <option value="Two Vehicles or more">Two Vehicles or more</option>
    </select>	
		  </p>


	</div>
	<div class="formdivright" >
					  <p>

	  <p> 
	      <label for="date">Date of Journey</label>    </p>
		
	   <p>
	 	<select value="" placeholder="What Month" required="" name="month" >  
    <option value="January">January</option>
    <option value="February">February</option>
    <option value="March">March</option>
    <option value="April">April</option>
    <option value="May">May</option>
    <option value="June">June</option>
    <option value="July">July</option>
    <option value="August">August</option>
    <option value="September">September</option>
    <option value="October">October</option>
    <option value="November">November</option>
    <option value="December">December</option>
</select>

	 	<select value="" placeholder="What Day" required="" name="day" >  
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    <option value="14">14</option>
    <option value="15">15</option>
    <option value="16">16</option>
    <option value="17">17</option>
    <option value="18">18</option>
    <option value="19">19</option>
    <option value="20">20</option>
    <option value="21">21</option>
    <option value="22">22</option>
    <option value="23">23</option>
    <option value="24">24</option>
    <option value="25">25</option>
    <option value="26">26</option>
    <option value="27">27</option>
    <option value="28">28</option>
    <option value="29">29</option>
    <option value="30">30</option>
    <option value="31">31</option>
</select>
		</p>
	   <p><textarea type="text" placeholder="Further Information" required="" name="message"></textarea></p>
			
						<p><input type="submit" name="submit" value="SUBMIT"></p>
						 </fieldset> 
			</form>
	
	 </div>
 </div> 
.formdivleft {
float: left;
	width: 46%;
	min-height: 450px;
color: #000;
	margin: 2% 2% 0% 2%;
	padding: 18px;
	border: 1px solid #000;
}
.formdivright {
float: left;
clear:right;
	width: 46%;
	min-height: 450px;
color: #000;
	margin: 2% 0% 2% 2%;
	padding: 18px;
	text-align: center;
	border: 1px solid #000;
}

Hope that's clear.

Thanks

Share this post


Link to post
Share on other sites

I've got a form which works fine in one div. I'm trying to put it in to two divs side by side but it doesn't submit when I do that.

 

The reason for this is that the form is inside the left column so the month, day etc is outside the form. Both left and right need to be inside the form.

<form action="formdev.php" method="POST">
<div class="formdivleft">

</div>
<div class="formdivright">

</div>
</form> 

Edit: Actually the <form> is in the left but the </form> is in the right, my answer remains though ;)

Edited by BrowserBugs

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Recently Browsing

    No registered users viewing this page.

  • Member Statistics

    • Total Members
      57,516
    • Most Online
      4,970

    Newest Member
    Codespinner
    Joined
  • Forum Statistics

    • Total Topics
      65,729
    • Total Posts
      455,373
×