PHP - 东西会移位的问题

NgSzeyin2005

请问各位大大知道怎么让system里的东西不会移位吗？当我在其它电脑(荧幕不同大小)或当我放大(zoom)的时候，我system里的东西都会移位。

如果是要加上<table>，<div>或<td>的话，请问大大们能教我怎么放吗？因为我换了很多种方式还是一样。
以下是我的coding。

1.     <table align='center'><td><div>
   
2.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
   
3.     Index  : </span></font>
   
4.     <input type='text' name='T2' size='77'>
   
5.     <p align="center"> </p>
   
6.     </table></td>
   
7. 
   
8.     <table align='center'><td>
   
9.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
   
10.     Company Name  : </span></font>
    
11.     <input type='text' name='T1' size='77'>
    
12.     <p align="center"> </p>
    
13.     </table></td>
    
14. 
    
15.     <table align='center'><td>
    
16.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
    
17.     Company Number  : </span></font>
    
18.     <input type='text' name='T3' size='77'>
    
19.     <p align="center"> </p>
    
20.     </table></td>
    
21. 
    
22.     <table align='center'><td>
    
23.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
    
24.     Director Name  : </span></font>
    
25.     <input type='text' name='T4' size='77'>
    
26.     <p align="center"> </p>
    
27.     </table></td>
    
28. 
    
29.     <table align='center'><td>
    
30.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
    
31.     Telephone Number  : </span></font>
    
32.     <input type='text' name='T5' size='77'>
    
33.     <p align="center"> </p>
    
34.     </table></td>
    
35. 
    
36.     <table align='center'><td>
    
37.     <span lang="en-us">    <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4">Fax Number  :  </font></span>
    
38.     <input type='text' name='T6' size='77'>
    
39.     <p align="center"> </p>
    
40.     </table></td>
    
41. 
    
42.     <table align='center'><td>
    
43.     <span lang="en-us"><font size="4" face="Arial Rounded MT Bold" color="#FFFFFF">
    
44.     Company Address  : </font></span>
    
45.     <input type='text' name='T7' size='77'>
    
46.     <p align="center"> </p>
    
47.     </table></td>
    
48. 
    
49.     <table align='center'><td>
    
50.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
    
51.     Correspondence Address  : </span></font>
    
52.     <input type='text' name='T8' size='77'>
    
53.     <p align="center"> </p>
    
54.     </table></td>
    
55. 
    
56.     <table align='center'><td>
    
57.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
    
58.     Emai  : </span></font>
    
59.     <font size="4">
    
60.     <input type='text' name='T9' size='77'>
    
61.     <p align="center"> </p>
    
62.     </table></td>
    
63. 
    
64.     <table align='center'><td>
    
65.     <font color="#FFFFFF" face="Arial Rounded MT Bold" size="4"><span lang="en-us">
    
66.     AGM Date  : </span></font>
    
67.     <input type='text' name='T10' size='77'>
    
68.     <p align="center"> </p>
    
69.     </table></td>
    
70. 
    
71.     <table align='center'><td>
    
72.     <font color="#FFFFFF" face="Arial Rounded MT Bold"><span lang="en-us">
    
73.     <font size="4">Account Financial Year End  : </font></span></font>
    
74.     <input type='text' name='T11' size='77'>
    
75.     <p>　</p>
    
76.     <p align="center"> </p>
    
77.     </table></td>
    
78. 
    
79.     <table align='center'><td>
    
80.     <p align="center"> <input type='submit' value='   Add   ' name='submit' style='font-family: Times New Roman; color: #000000; font-weight: bold; font-size: 12pt'>           
    
81.     <input type='reset' value='  Reset  ' name='B2' style='font-family: Times New Roman; color: #000000; font-weight: bold; font-size: 12pt'>           
    
82.     <input type='submit' value='   Back   ' name='submit' style='font-family: Times New Roman; color: #000000; font-weight: bold; font-size: 12pt'></p>
    
83.     </table></td></div>

复制代码

leonknight1983

以下是我的修改，看看是不是你要得。

<html>
<head>
</head>
<style type="text/css">
.title {
  color:#FFFFFF;
  font-family: Arial Rounded MT Bold;
  font-size: 12pt;
}
.button {
  font-family: Times New Roman;
  color: #000000;
  font-weight: bold;
  font-size: 12pt;
}
</style>
<body>
<table align='center' cellpadding="4">
  <tr>
    <td class="title">Index  :</td>
    <td><input type='text' name='T2' size='77'></td>
  </tr>
  <tr>
    <td class="title">Company Name  :</td>
    <td><input type='text' name='T1' size='77'></td>
  </tr>
  <tr>
    <td class="title">Company Number  :</td>
    <td><input type='text' name='T3' size='77'></td>
  </tr>
  <tr>
    <td class="title">Director Name  : </td>
    <td><input type='text' name='T4' size='77'></td>
  </tr>
  <tr>
    <td class="title">Telephone Number  :</td>
    <td><input type='text' name='T5' size='77'></td>
  </tr>
  <tr>
    <td class="title">Fax Number  :</td>
    <td><input type='text' name='T6' size='77'></td>
  </tr>
  <tr>
    <td class="title">Company Address  :</td>
    <td><input type='text' name='T7' size='77'></td>
  </tr>
  <tr>
    <td class="title">Correspondence Address  : </td>
    <td><input type='text' name='T8' size='77'></td>
  </tr>
  <tr>
    <td class="title">Email  :</td>
    <td><input type='text' name='T9' size='77'></td>
  </tr>
  <tr>
    <td class="title">AGM Date  :</td>
    <td><input type='text' name='T10' size='77'></td>
  </tr>
  <tr>
    <td class="title">Account Financial Year End  : </td>
    <td><input type='text' name='T11' size='77'></td>
  </tr>
  <tr>
    <td align="center" colspan="2">
    <input type='submit' value='   Add   ' name='submit' class='button'>           
    <input type='reset' value='  Reset  ' name='B2' class='button'>           
    <input type='submit' value='   Back   ' name='submit'  class='button'>
    </td>
  </tr>
</table>
</body>
</html>

NgSzeyin2005

谢谢。。。等下就去试试。
我想请问为什么要放这个呢？什么来的？
<style type="text/css">
.title {
  color:#FFFFFF;
  font-family: Arial Rounded MT Bold;
  font-size: 12pt;
}
.button {
  font-family: Times New Roman;
  color: #000000;
  font-weight: bold;
  font-size: 12pt;
}
</style>

leonknight1983

这是你用的style，把它写在上面了就可以重复使用。用在class="title", class="button"
如果要改只须改那边就可以改变全部的style了。

jasonmun

不懂不是罪过..
但不懂, 却不去google下.. 这才是..

难道你不知道什么是 google?
那就没话说了.. 希望你以后会懂吧..

NgSzeyin2005

原帖由 leonknight1983 于 27-11-2009 09:57 PM 发表
这是你用的style，把它写在上面了就可以重复使用。用在class="title", class="button"
如果要改只须改那边就可以改变全部的style了。

谢谢。。。
照着你的方法改了后的确改善很多了，但是还是有点移位，移不下去。
file:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot.pngfile:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot-1.pngfile:///C:/DOCUME%7E1/ADMINI%7E1/LOCALS%7E1/Temp/moz-screenshot-2.png

megablue

现在还有人用table来做layout?

NgSzeyin2005

原帖由 megablue 于 28-11-2009 01:54 AM 发表
现在还有人用table来做layout?

如果用front page的话，不用table要用什么哦？
我还是新手，只学过front page，多多指教一下。。。

leonknight1983

不好意思。不明白你的意思。
你是说form只停在上面不能scroll下来吗？

NgSzeyin2005

不是不是，你按那张图片放大来看看，不知道为什么text box比那些text稍微移上了一点点。

这个是crop出来的照片，红色的线是我画出来的，右边的text box明显比左边的text高了一些。

下面是我的coding :
        <table align='center' cellpadding="4">
        <tr><td>
        Index&nbsp; :
        </td><td><input type='text' name='T2' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Company Name&nbsp; :
        </td><td><input type='text' name='T1' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Company Number&nbsp; :
        </td><td><input type='text' name='T3' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Director Name&nbsp; :
        </td><td><input type='text' name='T4' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Telephone Number&nbsp; :
        </td><td><input type='text' name='T5' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Fax Number&nbsp; :
        </td><td><input type='text' name='T6' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Company Address&nbsp; :
        </td><td><input type='text' name='T7' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Correspondence Address&nbsp; :
        </td><td><input type='text' name='T8' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Email&nbsp; :
        <font size="4">
        </td><td><input type='text' name='T9' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        AGM Date&nbsp; :
        </td><td><input type='text' name='T10' size='77'>
        <p align="center"> </p>
        </td></tr>

        <tr><td>
        Account Financial Year End&nbsp; :
        </td><td><input type='text' name='T11' size='77'>
        <p align="center"> </p>
        </td></tr></table>

Legend

我做form也是用table的哦,比较容易控制和整齐....还有更好的方法??

回复 10# NgSzeyin2005 的帖子
把<p align="center"> </p>拿走就可以了...

[ 本帖最后由 Legend 于 28-11-2009 11:06 PM 编辑 ]

NgSzeyin2005

谢谢，这个问题解决了。
我加多一个<p align='center'> </p>在text的<td>里。

另外有个问题，为什么我做了search，一定要按submit button才能search，按enter的话submit不到哦。。。

seikan

原帖由 NgSzeyin2005 于 29-11-2009 12:54 AM 发表
谢谢，这个问题解决了。
我加多一个 在text的里。

另外有个问题，为什么我做了search，一定要按submit button才能search，按enter的话submit不到哦。。。

多加一个<input type="hidden" name="search" value="1">。

NgSzeyin2005

原帖由 seikan 于 2-12-2009 09:12 PM 发表


多加一个。

试了，还是一样。
下面还需要加search的declaration吗？