hello all

As you know im new to html and im playing arond making a simple site.

Im trying to get is so that when i use this

<td align="left">
<form>
User Name:<input type="text" name="user"> <br />
Password:<input type="password" name="password"> <br />
<input type="submit" value="Submit">
</form>
</td>

It will have User Name then the text area they type into and the password under that but when you look the 2 box's are not under each other they are off. how can i make it so it looks neat and so that they are aligned under each other?

Thanks in advance

I had the same thing happen and i ended up putting everything in tables.

the form i made is here you can view the source and see if its something like what your looking for.

http://www.geocities.com/rsdmeangunz...formation.html

the only problem you might run into would be having like a header above the box's as i have Personal Information on the page i created. This being in the same table will move your box's as far as the header is. Use nested tables and it should work how you want it to.

Try:

<td align="left"><table>
<form>
<tr><td>User Name:</td><td><input type="text" name="user"></td></tr>
<tr><td>Password:</td><td><input type="password" name="password"></td></tr>
<tr><td colspan=2 align=center><input type="submit" value="Submit"></td></tr>
</form>
</table>
</td>

If you want to add an info line above the User Name input simply use:

<tr><td colspan=2 align=center>Whatever you want</td></tr>

Hope that's clear enough.

Good luck with your learning of HTML

ahh ok im trying those...okay i have this

<table border="1px" bordercolor="#3366CC" cellspacing="0" cellpadding="0" height="30%" width="20%">
<tr>
<td>
<table>
<tr><td align="center">Members Login:</td></tr>
<td><form>
<tr><td>User Name:</td><td><input type="text" name="user"></td></tr>
<tr><td>Password:</td><td><input type="password" name="password"></td></tr>
<tr><td colspan=2 align=center><input type="submit" value="Submit"></td></tr>
</form>
</table>
</td>

How do i try and center the "Members Longin" i've tried to center it with all the table rows and data's with no luck im sure im doing somthing wrong.

Thanks for you help guys

You'd almost got it right, all you did was forget that the <td> you have the Members Login inside needs to spread across two columns:

<table border="1" bordercolor="#3366CC" cellspacing="0" cellpadding="0" height="30%" width="20%">
<tr>
<td align=center>
<table>
<tr><td align="center" colspan=2>Members Login:</td></tr>
<td><form>
<tr><td>User Name:</td><td><input type="text" name="user"></td></tr>
<tr><td>Password:</td><td><input type="password" name="password"></td></tr>
<tr><td colspan=2 align=center><input type="submit" value="Submit"></td></tr>
</form>
</table>
</td>

I've also center aligned the form inside the outer table for neatness.

Hope it works for you now.

Great thank you mate worked a treat

Hey one thing i cant figure out is how to add another box (table) at the side of another.

example is i have that log in box (table) at the top left of my page if i create another table it goes under it on the next line (<tr>) how do i make it so that its next to the log in box on the right side of it :s

Thanks again for your help m8

I think you have to make a new table. i'm pretty sure there's another way to do it but i always just end up doing that.

You need to nest the tables ... hope the following is clear:

<table><tr valign="top">
<td><table>... this would be the login table ...</table></td>
<td><table>... this is a table next to it ...</table></td>
</tr></table>

As long as the seperate tables are contained within their own <td></td> tags within a single <tr></tr> the tables will end up next to each other. Remember the valign="top" to ensure that the tops of the respective tables line up.