Помогите дорабоать оформление формы регистрации почты

Добрый день, поскольку у меня знаний маловато, и я можно сказать совсем не знаю переменных, прошу помощи в оформлении формы, которая регистрирует новый ящик на почтовом сервере, поскольку планирую вывести эту форму в блок на главную страницу table и tr
сейчас форма выглядит так
а хотелось бы нечто как здесь в форме входа
я так понимаю что нужно оформить ввиде таблицы, но не знаю как это сделать
хотел бы отделить шапку от тела таблицы, чтобы потом можно было в шапку вставить какой-нибудь лого почты(еще не придумал) ну и для кнопки Create тоже думаю нужно отедьную строку сделать в таблице, чтобы можно было добавить еще несколько кнопок.
вот текущий код страницы

Код (Text):

1.  
2. <?php
3.  
4. //MySQL Information:
5. $mysql_host = "localhost"; //Host Name
6. $mysql_user = "*****"; //Username
7. $mysql_pass = "*****"; //Password
8. $mysql_db = "hmail"; //Database
9.  
10. //General Configuration:
11. $form_title = "signup"; //Name for this form
12. $account_max = "10000000"; //Maximum size per account (1000000 = 1MB -> Do not uses spaces or commas!)
13.  
14. $admin_notify = 1; //1 = yes & 0 = no
15. $admin_email = "admin@oldgamer.org"; //Administrators email to send notifications)
16. $admin_default_activate = 1; //1 = yes & 0 = no -> If no, the administrator has to authorise the account
17. $encryption = 2; //Password encryption level
18.  
19. //DO NOT EDIT BELOW!//
20.  
21. // Protect the Database and MD5 the password.
22. $strName    = addslashes( $_POST['name'] );
23. $strUser    = addslashes( $_POST['user'] );
24. $strDomain  = addslashes( $_POST['domain'] );
25. $strPass1   = addslashes( $_POST['pass1'] );
26. $strMD5Pass = md5( $strPass1 );
27.  
28. error_reporting(E_ALL ^ E_NOTICE);
29. //Next two lines connect to database using information from above.
30. $open = mysql_connect($mysql_host, $mysql_user, $mysql_pass);
31. $select = mysql_select_db($mysql_db);
32.  
33. IF (!$open || !$select)
34. {
35.     echo "Unable to open database, contact your administrator!";
36. }
37. ELSE
38. {
39.     echo "<font size=\"+2\">$form_title</font><br><br>"; //Display form title from above
40.     //Decide On What Path To Take
41.     SWITCH ($_GET['mode'])
42.     {
43.     CASE "do":
44.         //#### PAGE IF FORM FILLED OUT ####//
45.         $q=mysql_query("SELECT * FROM `hm_domains` WHERE `domainid` = '{$strDomain}' LIMIT 1"); //Load Domain Into memory (internal use)
46.         WHILE ($v=mysql_fetch_array($q))
47.         {
48.             $temp_domain = $v['1'];
49.        
50.         } //Apply information
51.  
52.         $q2=mysql_query("SELECT * FROM `hm_accounts` WHERE `accountaddress` = '{$strUser}@$temp_domain' LIMIT 1"); //Check if account exists
53.         $v2=mysql_num_rows($q2); //Gets number of accounts that exist with that profile (should be less than or equal to one)
54.        
55.         IF ($v2 == 1)
56.         {
57.             echo "A user with this username already exists! <a href=\"javascript:history.go(-1)\">Go Back</a>";
58.         }
59.         ELSE
60.         {
61.             IF (!$_POST['pass1'] || !$_POST['pass2'])
62.             {
63.                 echo "You did not enter both passwords! <a href=\"javascript:history.go(-1)\">Go Back</a>";
64.             }
65.             ELSEIF ($_POST['pass1'] <> $_POST['pass2'])
66.             {
67.                 echo "Your passwords do not match! <a href=\"javascript:history.go(-1)\">Go Back</a>";
68.             }
69.             ELSE
70.             {
71.                 $q3=mysql_query("INSERT INTO `hm_accounts` (`accountdomainid`,`accountaddress`,`accountpassword`,`accountactive`,`accountisad`,`accountmaxsize`,`accountpwencryption`) VALUES ('$strDomain','$strUser@$temp_domain','$strMD5Pass','$admin_default_activate','0','$account_max','$encryption')") or die(mysql_error());
72.             }
73.         }
74.        
75.         IF ($q3)
76.         {
77.             IF ($admin_default_activate == 0)
78.             {
79.                 echo "Your account has been created <b>however requires administrator activation.</b> You should receive a message soon regarding this.";
80.             }
81.             ELSE
82.             {
83.                 echo "Your account has been created and is ready for use!<br><br>Username: $strUser@$temp_domain<br><br>Webmail: <a href=\"$serv_webmail/mail\">www.$temp_domain/mail</a><br>POP3: mail.$temp_domain<br>IMAP: mail.$temp_domain<br><br>SMTP: mail.$temp_domain";
84.                 $subject = "Welcome To MYWEBSITE!";
85.                 $message = "This is confirmation that your account has been created.";
86.  
87.                 mail("{$_POST['user']}@$temp_domain", $subject, $message); //Send welcome message
88.             }
89.         }
90.         ELSE
91.         {
92.             echo "Database error, unable to add account. Please contact your administrator!";
93.         }
94.  
95.         IF ($admin_default_activate == 0 && $admin_notify == 0)
96.         {
97.             $admin_mail_subject = "Account Requires Activation!";
98.             $admin_mail_message = "{$_POST['user']}@$temp_domain has been created by {$_POST['name']} and needs to be activated!";
99.             mail($admin_email, $admin_mail_subject, $admin_mail_message);
100.         }
101.         ELSEIF ($admin_default_activate == 1 && $admin_notify == 1)
102.         {
103.             $admin_mail_subject = "New Account Created!";
104.             $admin_mail_message = "{$_POST['user']}@$temp_domain has been created by {$_POST['name']}!";
105.             mail($admin_email, $admin_mail_subject, $admin_mail_message);
106.         }
107.          ELSEIF ($admin_default_activate == 0 && $admin_notify == 1)
108.         {
109.             $admin_mail_subject = "New Account Created!";
110.             $admin_mail_message = "{$_POST['user']}@$temp_domain has been created by {$_POST['name']}!";
111.             mail($admin_email, $admin_mail_subject, $admin_mail_message);
112.         }
113.         break;
114.    
115.     DEFAULT:
116.     }
117. }
118.  
119. //#### MAIN PAGE IF FORM NOT FILLED OUT ####//
120. echo "
121. <div align=\"justify\"><form action=\"?mode=do\" method=\"POST\">
122. Your Name: <input type=\"text\" name=\"name\" size=\"21\"><br>
123. E-Mail: <input type=\"text\" name=\"user\" size=\"21\"> @ <select name=\"domain\">
124. ";
125.  
126. $q2=mysql_query("SELECT * FROM `hm_domains` WHERE `domainactive` = '1' ORDER BY `domainname` DESC"); //Load avaliable domains into memory
127. WHILE ($v2=mysql_fetch_array($q2)) //Display avaliable domains
128. {
129.     echo "<option value=\"{$v2['0']}\">{$v2['1']}</option>";
130. }
131.  
132. echo "
133. </select><br>
134. Password: <input type=\"password\" name=\"pass1\" size=\"21\"><br>
135. Password: <input type=\"password\" name=\"pass2\" size=\"21\"> (For Confirmation)<br><br>
136.  
137. <input type=\"submit\" value=\"Create Account\">
138. </form></div>
139. ";
140. ?>

и еще момент, если меняю названия полей с английского на русский, то в браузере кракозябры, как установить нормальную кодировку для страницы?

 

так понимаю за рассположение всей формы отвечает то что идет после

Код (Text):

1.  
2. //#### MAIN PAGE IF FORM NOT FILLED OUT ####//

тут и нужно редактировать

 

вроде бы сам оформил
вот так получилось

Код (Text):

1.  
2. //#### MAIN PAGE IF FORM NOT FILLED OUT ####//
3. echo "
4. <div align=\"center\"><table width=355 height=148 border=0 align=left cellpadding=0 cellspacing=2 bgcolor=#F0F0F0>
5. <tr>
6. <td valign=top><table width=355 height=1 border=0 cellpadding=0 cellspacing=0 bgcolor=#CCE6F6>
7. <tr>
8. <td height=1><div align=center><font size=\"+1\">$form_title</font></div></td>
9. <tr>
10. <td valign=top><table width=355 height=1 border=0 cellpadding=0 cellspacing=0 bgcolor=#FFFFFF>
11. </tr>
12. </table></td>
13. </tr>
14. </table></div>
15. <form action=\"?mode=do\" method=\"POST\">
16. Your Name: <input type=\"text\" name=\"name\" size=\"21\"><br>
17. E-Mail: <input type=\"text\" name=\"user\" size=\"21\"> @ <select name=\"domain\">
18. ";
19.  
20. $q2=mysql_query("SELECT * FROM `hm_domains` WHERE `domainactive` = '1' ORDER BY `domainname` DESC"); //Load avaliable domains into memory
21. WHILE ($v2=mysql_fetch_array($q2)) //Display avaliable domains
22. {
23.     echo "<option value=\"{$v2['0']}\">{$v2['1']}</option>";
24. }
25.  
26. echo "
27. </select><br>
28. Password: <input type=\"password\" name=\"pass1\" size=\"21\"><br>
29. Password: <input type=\"password\" name=\"pass2\" size=\"21\"> (For Confirmation)<br><br>
30.  
31. <input type=\"submit\" value=\"Create Account\">
32. </form>
33. ";
34. ?>

правда не получается выровнять таблицу посредине, с помощью <div align="

подскажите как выровнять ее по центру? результат оформления можно глянуть здесь

 

странно, добавил в тег, получилось так

Код (Text):

1.  
2. <table style=\"margin: 0 auto;\" width=350 height=148 border=0 align=left cellpadding=0 cellspacing=2 bgcolor=#F0F0F0>
3. <tr>
4. <td valign=top><table style=\"margin: 0 auto;\"  width=350 height=1 border=0 cellpadding=0 cellspacing=0 bgcolor=#CCE6F6>
5. <tr>
6. <td height=1><div align=center><font size=\"+1\">$form_title</font></div></td>
7. <tr>
8. <td valign=top><table style=\"margin: 0 auto;\" width=350 height=1 border=0 cellpadding=0 cellspacing=0 bgcolor=#FFFFFF>
9. </tr>
10. </table></td>
11. </tr>

но ничего не выровнялось

 

в общем вот что получилось, помогите подправить косяки после интеграции html
вот код текста который оформляет форму таблицы

Код (Text):

1.  
2. //#### MAIN PAGE IF FORM NOT FILLED OUT ####//
3. echo "
4. <!DOCTYPE html>
5. <html>
6.     <head>
7.         <title>Example HTML 5 document</title>
8.         <style>
9.             *{
10.                 margin:0;
11.                 padding:0;
12.                 font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;
13.                 }
14.                 form{
15.                     margin:10% auto 0;
16.                     -moz-outline-radius:10px;
17.                     background-color:rgba(51,51,51,.9);
18.                     border:1px solid rgba(25,25,25,.7);
19.                     border-radius:10px;
20.                     width:350px;
21.                     padding:5px 10px 10px;
22.                     }
23.                     h1{
24.                         background-color:rgba(25,25,25,.4);
25.                         border:1px solid rgba(25,25,25,.3);
26.                         border-radius:10px;
27.                         font-weight:bold;
28.                         font-size:13px;
29.                         height:16px;
30.                         margin:0 -5px 10px;
31.                         padding:5px 0;
32.                         text-align:center;
33.                         color:white;
34.                     }
35.                     div{
36.                         height:18px;
37.                         margin:2px 0;
38.                         }
39.                         input:not(#createAccount),
40.                         select,
41.                         span{
42.                             height:16px;
43.                             border:1px solid rgba(25,25,25,.3);
44.                             border-radius:3px;
45.                         }
46.                         #name,
47.                         #password,
48.                         #confirmPassword{
49.                             float:right;
50.                             width:180px;
51.                         }
52.                         #eMail{
53.                             float:right;
54.                             width:70px;
55.                         }
56.                         select{
57.                             float:right;
58.                             width:98px;
59.                         }
60.                         span{
61.                             float:right;
62.                             width:10px;
63.                             display:inline-block;
64.                             color:white;
65.                         }
66.                         label{
67.                             color:white;
68.                             display:inline-block;
69.                             width:168px;
70.                             height:18px;
71.                             line-height:18px;
72.                     }
73.                     #createAccount{
74.                         display:block;
75.                         margin:16px auto 0;
76.             }
77.         </style>
78.     </head>
79.     <form action=\"?mode=do\" method=\"POST\">
80.             <h1>Signup</h1>
81.             <div>
82.                 <label for=\"name\">Your Name:</label>
83.                 <input id=\"name\" name=\"name\" size=\"21\">
84.             </div>
85.             <div>
86.                 <label for=\"eMail\">E-Mail:</label>
87.                 <select name=\"domain\">
88.                     <option value=\"1\">oldgamer.org</option>
89.                 </select>
90.                 <span>@</span>
91.                 <input id=\"eMail\" name=\"user\" size=\"21\">
92.             </div>
93.             <div>
94.                 <label for=\"password\">Password:</label>
95.                 <input id=\"password\" type=\"password\" name=\"pass1\" size=\"21\">
96.             </div>
97.             <div>
98.                 <label for=\"confirmPassword\">Confirm password:</label>
99.                 <input id=\"confirmPassword\" type=\"password\" name=\"pass2\" size=\"21\">
100.             </div>
101.             <input type=\"submit\" value=\"Create Account\" id=\"createAccount\">
102.         </form>
103. </html>
104. ";
105.  
106. $q2=mysql_query("SELECT * FROM `hm_domains` WHERE `domainactive` = '1' ORDER BY `domainname` DESC"); //Load avaliable domains into memory
107. WHILE ($v2=mysql_fetch_array($q2)) //Display avaliable domains
108. {
109.     echo "<option value=\"{$v2['0']}\">{$v2['1']}</option>";
110. }
111.  
112.  
113. ?>

воткак это выглядит сейчас
а как должно поидее быть
Строки как бы "съехали", но не смог дать ума почему это произошло, если они не отнимались и не добавлялись, и еще там где имя домена выбирается - последняя буква закрыта ("съедена") таблицей тоже непонятно почему %)

 

ну что никто не подскажет чтоли?
в долгу не останусь

 

странно но сейчас глянул через IE - такое убожество...ппц (( почему так?

 

так вроде так и делал в html все нормально и таблица по центру и строки ровные, а как в php вставил, сразу и строки съехали и таблица убегла к левому краю..
html вставляется в echo " ..." ?

 

да особо неначего смотреть пока там (даже стыдно показывать) .с контентом напряг нешуточный
почту вот решил поднять все с делал работает - как рега и веб-клиент, но проблема осталась в оформлении формы для регистрации ящика http://oldgamer.org/mail/signup.php
форма логина вот тут http://oldgamer.org/mail/ -хотелось бы сделать также.
вот в html
код формы

HTML:

1.  
2. <!DOCTYPE html>
3. <html>
4.     <head>
5.         <title>Example HTML 5 document</title>
6.         <style>
7.             *{
8.                 margin:0;
9.                 padding:0;
10.                 font:11px Verdana,Geneva,Arial,Helvetica,sans-serif;
11.                 }
12.                 form{
13.                     margin:10% auto 0;
14.                     -moz-outline-radius:10px;
15.                     background-color:rgba(51,51,51,.9);
16.                     border:1px solid rgba(25,25,25,.7);
17.                     border-radius:10px;
18.                     width:350px;
19.                     padding:5px 10px 10px;
20.                     }
21.                     h1{
22.                         background-color:rgba(25,25,25,.4);
23.                         border:1px solid rgba(25,25,25,.3);
24.                         border-radius:10px;
25.                         font-weight:bold;
26.                         font-size:13px;
27.                         height:16px;
28.                         margin:0 -5px 10px;
29.                         padding:5px 0;
30.                         text-align:center;
31.                         color:white;
32.                     }
33.                     div{
34.                         height:18px;
35.                         margin:2px 0;
36.                         }
37.                         input:not(#createAccount),
38.                         select,
39.                         span{
40.                             height:16px;
41.                             border:1px solid rgba(25,25,25,.3);
42.                             border-radius:3px;
43.                         }
44.                         #name,
45.                         #password,
46.                         #confirmPassword{
47.                             float:right;
48.                             width:180px;
49.                         }
50.                         #eMail{
51.                             float:right;
52.                             width:70px;
53.                         }
54.                         select{
55.                             float:right;
56.                             width:98px;
57.                         }
58.                         span{
59.                             float:right;
60.                             width:10px;
61.                             display:inline-block;
62.                             color:white;
63.                         }
64.                         label{
65.                             color:white;
66.                             display:inline-block;
67.                             width:168px;
68.                             height:18px;
69.                             line-height:18px;
70.                     }
71.                     #createAccount{
72.                         display:block;
73.                         margin:16px auto 0;
74.             }
75.         </style>
76.     </head>
77.     <body>
78.         <form action="?mode=do" method="POST">
79.             <h1>Signup</h1>
80.             <div>
81.                 <label for="name">Your Name:</label>
82.                 <input id="name" name="name" size="21">
83.             </div>
84.             <div>
85.                 <label for="eMail">E-Mail:</label>
86.                 <select name="domain">
87.                     <option value="1">oldgamer.org</option>
88.                 </select>
89.                 <span>@</span>
90.                 <input id="eMail" name="user" size="21">
91.             </div>
92.             <div>
93.                 <label for="password">Password:</label>
94.                 <input id="password" type="password" name="pass1" size="21">
95.             </div>
96.             <div>
97.                 <label for="confirmPassword">Confirm password:</label>
98.                 <input id="confirmPassword" type="password" name="pass2" size="21">
99.             </div>
100.             <input type="submit" value="Create Account" id="createAccount">
101.         </form>
102.     </body>
103. </html>
104.  

 

но проблема как уже описал - даже в html надписи выше на строку чем поля в которые вносятся данные, не получается поправить. начинаю переписывать, блок летит к чертям(

 

так я и дал http://oldgamer.org