Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Please help this newbie....script needs to be side by side
Old 02-04-2008, 04:23 AM Please help this newbie....script needs to be side by side
Junior Talker

Posts: 3
Name: Ryan
Trades: 0
I have this page that has an online application form.....right now the form is displayed in one column and doesnt fit in the layout i want......what i need is there to be two columns side by side......how do i alter this script? thanks!
the page is here.....right now i don't have the <br> added to the code because at least for now this fits and look somewhat presentable......but i will add the <br> back in so each column is in one straight line and nice and clean :-)

http://nexstarpayment.com/Online_Mer...plication.html

Code:
<div style="height: 680px; left: 319px; position: absolute; top: 380px; width: 481px; z-index: 1; ">
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
<form method="POST" action="application.php">

<p><span class="style1">Email:</span><br>
<input type="text" name="EmailFrom">
<p><span class="style1">Business:</span><br>
<input type="text" name="Business">
<p><span class="style1">First Name:</span><br>
<input type="text" name="FirstName">
<p><span class="style1">Last Name:</span><br>
<input type="text" name="LastName">
<p><span class="style1">Address:</span><br>
<input type="text" name="Address">
<p><span class="style1">City:</span><br>
<input type="text" name="City">
<p><span class="style1">State:</span><br>
<input type="text" name="State">
<p><span class="style1">Zipcode:</span><br>
<input type="text" name="Zipcode">
<p><span class="style1">Business Phone:</span><br>
<input type="text" name="BusinessPhone">
<p><span class="style1">Fax:</span><br>
<input type="text" name="MobilePhone">
<p><span class="style1">Business Type:</span><br>
<input type="text" name="BusinessType">
<p><span class="style1">Website URL:</span><br>
<input type="text" name="WebsiteURL">
<p><span class="style1">Avg. Monthly Sales:</span><br>
<input type="text" name="AvgMonthlySales">
<p><span class="style1">Avg. Per Sale Ammount:<br></span>
<input type="text" name="AvgPerSaleAmmount">
<p><input type="submit" name="submit" value="Submit">
</form>
<p>
</div>

Last edited by cocktail; 02-04-2008 at 04:28 AM..
cocktail is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 02-04-2008, 06:07 AM Re: Please help this newbie....script needs to be side by side
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,519
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
get rid of the position absolute for a start

Code:
<style type="text/css">
#form_container {
	width:500px;
}
.form_row {
	width:100%;
	clear:both;
}
.form_label {
	width:25%;
	float:left;
}
.form_input {
	width:74%;
	float:left;
}
</style>

HTML Code:
<form id="form_container" name="formname" method="post" action="">
<div class="form_row">
<div class="form_label">Some Text:</div>
<div class="form_input"><input type="text" name="name" value=""></div>
</div> <!-- form_row -->
<div class="form_row">
<div class="form_label">Some Text:</div>
<div class="form_input"><input type="text" name="name" value=""></div>
</div> <!-- form_row -->
<div class="form_row">
<div class="form_label">Some Text:</div>
<div class="form_input"><input type="text" name="name" value=""></div>
</div> <!-- form_row -->

</form> <!-- form_container -->
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 02-04-2008, 11:50 AM Re: Please help this newbie....script needs to be side by side
Junior Talker

Posts: 3
Name: Ryan
Trades: 0
hello, and thank you for your help!....i have also reponded via PM to you as well....

i took the code you sent and added it to the page.....i know its just to lead me in the right direction, but i still have no idea here......basically what you gave me looks like 3 fields one on top of each other and again in one column......i still need all my fields to be in two seperate columns......im willing to paypal asap to anyone that would like t take my script code and alter it to my liking or actually build me a new one using the info provided.......ANY help would be greatly appreciated THANKS!!! :-)
cocktail is offline
Reply With Quote
View Public Profile
 
Old 02-05-2008, 12:17 AM Re: Please help this newbie....script needs to be side by side
Junior Talker

Posts: 3
Name: Ryan
Trades: 0
bumped up

here is exactly the style of setup im looking for...this was just something i threw together to show you what i was looking for.....obviouslly i dont need the email part but the application form fields instead......



Last edited by cocktail; 02-05-2008 at 12:37 AM..
cocktail is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Please help this newbie....script needs to be side by side
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.33466 seconds with 12 queries