HTML - Form Boxes Filled

Hey if any of you guys could help me it would be very much appreciated. I need to go from this: http://www.geocities.com/guun_han/te...?1180579026625

To this: http://img.photobucket.com/albums/v3...han/Ideall.jpg

ANd I have no idea how I would code that.

Please can someone help me with html code to align boxes in code below. Boxes are all out of line at the moment. I have read that it is best to create a table, however I am really new to html and not sure how to do that.

Thank you
James


HTML Code:

	<fieldset> 
<br> 
		<div> 
			<input type="hidden" name="sexuality" value="1"> 
		</div> 
		<div> 
			<label>I'm a:</label> 
			<select name="gender"> 
				<option value="1" selected>man looking for a woman</option> 
				<option value="2">woman looking for a man</option> 
			</select> 
		</div> 
		<div> 
<br>
			<label>First name:</label> 
			<input name="firstname" type="text"> 
		</div> 
		<div>
<br> 
			<label>D.O.B.:</label> 
			<select name="dobday"> 
				<option value="">Day</option> 
				<option value="1">01</option> 
				<option value="2">02</option> 
				<option value="3">03</option> 
				<option value="4">04</option> 
				<option value="5">05</option> 
				<option value="6">06</option> 
				<option value="7">07</option> 
				<option value="8">08</option> 
				<option value="9">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> 
			<select name="dobmonth"> 
				<option value="">Month</option> 
				<option value="1">January</option> 
				<option value="2">February</option> 
				<option value="3">March</option> 
				<option value="4">April</option> 
				<option value="5">May</option> 
				<option value="6">June</option> 
				<option value="7">July</option> 
				<option value="8">August</option> 
				<option value="9">September</option> 
				<option value="10">October</option> 
				<option value="11">November</option> 
				<option value="12">December</option> 
			</select> 
			<select name="dobyear"> 
				<option value="">Year</option> 
				<option value="1990">1990</option> 
				<option value="1989">1989</option> 
				<option value="1988">1988</option> 
				<option value="1987">1987</option> 
				<option value="1986">1986</option> 
				<option value="1985">1985</option> 
				<option value="1984">1984</option> 
				<option value="1983">1983</option> 
				<option value="1982">1982</option> 
				<option value="1981">1981</option> 
				<option value="1980">1980</option> 
				<option value="1979">1979</option> 
				<option value="1978">1978</option> 
				<option value="1977">1977</option> 
				<option value="1976">1976</option> 
				<option value="1975">1975</option> 
				<option value="1974">1974</option> 
				<option value="1973">1973</option> 
				<option value="1972">1972</option> 
				<option value="1971">1971</option> 
				<option value="1970">1970</option> 
				<option value="1969">1969</option> 
				<option value="1968">1968</option> 
				<option value="1967">1967</option> 
				<option value="1966">1966</option> 
				<option value="1965">1965</option> 
				<option value="1964">1964</option> 
				<option value="1963">1963</option> 
				<option value="1962">1962</option> 
				<option value="1961">1961</option> 
				<option value="1960">1960</option> 
				<option value="1959">1959</option> 
				<option value="1958">1958</option> 
				<option value="1957">1957</option> 
				<option value="1956">1956</option> 
				<option value="1955">1955</option> 
				<option value="1954">1954</option> 
				<option value="1953">1953</option> 
				<option value="1952">1952</option> 
				<option value="1951">1951</option> 
				<option value="1950">1950</option> 
				<option value="1949">1949</option> 
				<option value="1948">1948</option> 
				<option value="1947">1947</option> 
				<option value="1946">1946</option> 
				<option value="1945">1945</option> 
				<option value="1944">1944</option> 
				<option value="1943">1943</option> 
				<option value="1942">1942</option> 
				<option value="1941">1941</option> 
				<option value="1940">1940</option> 
				<option value="1939">1939</option> 
				<option value="1938">1938</option> 
				<option value="1937">1937</option> 
				<option value="1936">1936</option> 
				<option value="1935">1935</option> 
				<option value="1934">1934</option> 
				<option value="1933">1933</option> 
				<option value="1932">1932</option> 
				<option value="1931">1931</option> 
				<option value="1930">1930</option> 
				<option value="1929">1929</option> 
				<option value="1928">1928</option> 
				<option value="1927">1927</option> 
				<option value="1926">1926</option> 
				<option value="1925">1925</option> 
				<option value="1924">1924</option> 
				<option value="1923">1923</option> 
				<option value="1922">1922</option> 
				<option value="1921">1921</option> 
				<option value="1920">1920</option> 
				<option value="1919">1919</option> 
				<option value="1918">1918</option> 
				<option value="1917">1917</option> 
				<option value="1916">1916</option> 
				<option value="1915">1915</option> 
				<option value="1914">1914</option> 
				<option value="1913">1913</option> 
				<option value="1912">1912</option> 
				<option value="1911">1911</option> 
				<option value="1910">1910</option> 
				<option value="1909">1909</option> 
			</select> 
		</div> 
 
		<div> 
<br>
			<label>Email:</label> 
			<input name="email" type="text"> 
		</div> 
			
		<div> 
<br>			<label>Password:</label> 
			<input name="password" type="password" value=""> 
		</div> 
 
		<div>

I am making a site consisting of articles, and i need comment boxes to comment on the articles, so please a simple comment box, with no smilies or anything, and a possible way to mod it if i get innappropriate comments, please, i need this quikly!

I have worked with pre-made scroll boxe codes online but I happen to come across a profile online and I loved the layout of it and wanted to know if anyone would be willing to help me out.



Thanks for your help!

Let's say I have 2 drop down boxes. Both have the choices 10% to 100%. Can I make it so that depending on what % you choose the submit button takes you to certain links? I'm trying to do what this site did but without all of the country, keyword, sort by etc. I just want one category and the % boxes and that's all. I already have the necessary links so that's not a problem.

I want to make a site similar to this:

www.joeyporter.com

You see how the middle has news and you scroll with it? How would I go about doing something like that?

My code:

<script>

function validate()
{

var card=document.getElementById("card").value


submitOK="true"


if (card.length<16)

{
alert("Card Number Invalid Try again Please ")
submitOK="false"
}

if (card.length>25)

{
alert("Card Number Invalid Try again Please ")
submitOK="false"
}

if (submitOK=="false")
{
return false
}

}

</script>
<form action="https://www.paypal.com/" onsubmit="return validate()">


<INPUT TYPE="radio" name="choice1"> Cash Payment on delivery </font>
<p>

<INPUT TYPE="radio" name="choice2">

Card Number: <input type="text" id="card" size="20"> <p>

<b>Please Click Submit to Continue</b>

<input type="submit" value="Submit">

This is what i want if you can help please

i want to choose a option from theradio box CASH or Credit card then when i click submit it shows me the validation if the credit card details are wrong..... and if cash payment is selecrted it submits straight away to the link thats wat i want i am having so many problems can any 1 helpppp pleaseeeeeeeeeeeeeeeeeeee im not really good at HTML tahst y so pleaseeee can any1 help

Does Anyone Know How To get rid of the stupid boxes that appear to the right of the button gifs on my blogger template in IE?

http://whynotportland.blogspot.com/

Hi everyone!!

I have a div box that has a fixed position so it is always there when you scroll down a page.... but as I have a long footer, the fixed div box goes over the footer when I scroll to the bottom of the page

what is the best way to scroll a div box within another div box, so the div box is visible and scrolls with the page up to where the footer div starts?

hope that makes sense?

many thanks for you're help.

Hi, I'm new to this forum. I am a design, not a coder by any means. But I was wondering if anyone knew how to do this.

http://www.knoed.com/index.php

The gray div box and the main nav at the top of the page stay aligned with the right side of the page even when you resize the window. But when the box or nav reach an area like the logo when resizing, it stops and the window covers over the box. Try it and you will see what I mean. Does anyone know how to achieve this? Right now I have my boxes attached to the right side but they just go underneath my elements when they resize the window. Thank you.

Hi All,

I have come across a scenario where user enters credit card number. So I need to display user typing text (card number) as "*" in the text box. So I went and coded as password field since password box always mask user inputs.

<input type="password" name="f1" value="">

But on hitting submit button, Mozilla firefox browser shows a pop up if I need to remember the password or not. My client dont want to display this pop-up.

Can anyone pls tell me how to create a text box (not password box) to show user input as "*" so that it looks like as password box.

Thanks in advance.

I am having trouble with these username/password areas.

Each browser seems to read them in a different way?
The sizes, and especially the positioning is messed up.
I coded for FF so there all works fine.

Could someone try and make sense out of this?

Much oblidged, thanks.

log-in site here

First I am not sure if this is the right place to post this, it might need to be in a different language section. Sorry for that if it is.

I need to create a set of drop down boxes, most likely 6. Each box needs to have 4-5 different options in it. There is no order in which they need to be set up because the user HAS TO be able to start with whatever box they want. From their choice in the first box, certain selections in the other drop down boxes would have to be eliminated. Same with the second, third and so on. There can be no predetermined order of what one they start with because not all the boxes will apply to every user.

Another way to imagine the basic concept if I am not clear enough is go to any car website like kbb.com. When you first select the company who makes your car, Honda for example, the next box over will bring up a list of all the cars Honda makes. Then when you choose the car, Accord for example, the next box will give you the option of the manual or automatic and so on. I am kind of looking for this functionally, but I need it to be where you can start with any box and no matter what you choose in the first box, it does not eliminate all other choices, just 1 or 2 from each box (based on the selection).

I know this is kind of hard to understand, it is even harder for me to describe. lol. If you can give me any help that would be wonderful, even if it is just a language this would be able to be accomplished in. I would really like there to be a web version for a website as well as a stand alone program to run on computers (this will probably be done in C# I am guessing).

Thank you so much,
Brian Stoiber