HTML - Need Help Creating Divs Boxes

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

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!

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>

Hi,

Please tell me how SEARCH BOXES work?

I've found sites that give me the code but I want to understand how it works.

Thanks!

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?

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/

Hey there, not sure if this is the right place to post this but here goes. (Did look to make sure but wasn't a 100% positive)

Anyway, I'm pretty familiar with the basics of html. I can read it and understand what most of it says. My first question is, do you think frames would be a good idea here ??I don't work them often so I'm not too familiar with them but I do understand how they work. I was thinking just two side by side or would I need to do one on top & two side by side. Nothing would alter above the main image so it's why I didn't think it was necessary. But again, not an expert.

Second question. On this on this page is more complicated. I know about drop down boxes but what I was thinking of have it has it is now except the dark purple not show until you click on the letter you want. (I know that sounds like a normal drop down box but I'm not sure how else to explain it) Just wondering if that was possible to do without it being too difficult.

<3 thanks a lot everyone. I appreciate all help.
Lilly

I have a custom order form where the choices available in one box should be conditional on another one. I want both the drop down boxes to display on the same page.

For instance, the first box has regular, superior and deluxe.

The second box would have red, orange, violet, indigo, blue.

If user chooses regular, all colour options would be available..

If user chooses superior, red orange violet would be available

If deluxe, only red available.

How would I do this?

Okay, well lately I've been really into making HTML layouts. To make sure you know exactly what I'm talking about, you can view one I found at the following adress : http://www.horse-lover-layouts.com/p...dow_paints.htm

I want to be able to make boxes like that, and also seperate columns, and rows. The code below is the current one I've been using, and I can't figure out what's wrong with it. When I would type in it, and press enter, it would go down a line. All it did was keep going.

Another thing, I can't place them for the life of me, like I can't put them somehwere specific. Could you help me out a bit with that?


HTML Code:

<DIV style="TEXT-ALIGN: left; WIDTH: 100%; FONT-FAMILY: arial; HEIGHT: 100%; COLOR: #cb642d; FONT-SIZE: 9pt; OVERFLOW: auto">
<DIV><BR>
<H5>Title goes here</H5>
<P>Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here Body here v </ P>
<P></P></DIV><BR>

Hi all,

I'm a beginner with XHTML, creating my very first website, so please forgive me if this should be a stupid question:

I crated a table with 6 colums. Each column has a border. I'd like to set the 1st column on the left side, and the other 5 columns without a space between them on the right side. But there is still space between them. What am I doing wrong?? By the way - the 5 colums on the right side contain pictures. They are supposed to be in the middle with the same distance around to the border - doesn't work either ... the picture stucks at the top - but at least horizontally in the middle ...
HTML Code:

<TABLE style="cellpadding:0; cellspacing:0; width:85em;">
   <TR>
    <TD>
     <DIV style="float:left; 
                 background-color:#f5f5f5; 
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:left;">
                 <B>text</B>
     </DIV>
    </TD>  
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>                                    
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699;
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;"
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699;
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>  
    <TD>
     <DIV style="float:right; 
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>
    <TD>
     <DIV style="float:right;  
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="FLAG OF CHILE">
     </DIV>
    </TD>                               
   </TR>
  </TABLE>

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.

Hello,

I was just wondering if anybody can help me I'm having a few problems designing my website and I've gone through all the code but can't work out what I doing wrong.

I basically want to put an image (box.gif) behind the text in my website.

I've attached the image (box.gif) and the index.php as a text file. Can anyone see where I am going wrong and why the image is not appearing behind the text - i've been going through the html for a few days now and still can't seem to fix the problem.

An example of the boxes would be the grey boxes below the large image at www[DOT]englandathome[DOT]co[DOT]uk

Any help would be much appreciated.

Thanks in Advance!

I have a form on my website.

Is there anyway that I can have the box filled with the email address and grayed out, un-editable?

Regards,

Josh