2014-06-24 182 views
0

我目前正在爲遊戲服務器設計一個新的服務器 - 客戶端界面,並且偶然發現了一個問題,即我的div類中的一個對內容沒有任何影響。Div對內容沒有任何影響

site is live (http://crysis-or.eu/),和HTML/PHP & CSS可以查看。

<div class="tableenc">試圖影響的具體內容是表格;我正試圖將桌子移到左邊,但桌子不動。

我已經嘗試了一些東西,例如在<body>之外移動<div class="tableenc">(並且顯然修改了CSS的相關部分),但沒有任何結果。

我在做什麼錯?

問題代碼:

PHP/HTML:

<body> 
    <div class="tableenc"> 
      <table class="login" width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC"> 
       <tr> 
        <form name="form1" method="post" action="checklogin.php"> 
         <td> 
          <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF"> 
           <tr> 
            <td colspan="3"><strong><font color="#265CFF"><h2>Login to Crysis Wars Server Portal</h2></font></strong></td> 
            </tr> 
           <tr> 
            <td width="78"><font color="#265CFF">Username</font></td> 
            <td width="6"><font color="#265CFF">:</font></td> 
            <td width="294"><input name="myusername" type="text" id="myusername"></td> 
           </tr> 
           <tr> 
            <td><font color="#265CFF">Password</font></td> 
            <td><font color="#265CFF">:</font></td> 
            <td><input name="mypassword" type="text" id="mypassword"></td> 
           </tr> 
           <tr> 
            <td>&nbsp;</td> 
            <td>&nbsp;</td> 
            <td><input type="submit" name="Submit" value="Login"></td> 
           </tr> 
          </table> 
         </td> 
        </form> 
       </tr> 
      </table> 
     </div> 
</body> 

CSS:

body { 
    width:100%; 
    margin-left:-0px; 
    background:url("../img/pgbg.jpg") repeat-x; 
} 
body > table { 
    position:absolute; 
} 

body > .tableenc { 
    margin-right:70px; 
} 
+4

您的HTML完全無效。你不能把'

'放在你自己的位置。並且20世紀90年代呼籲並希望它的''標籤退回 –

+0

PHP與此有什麼關係? – j08691

+0

@MarcB它還在開發中,我需要首先獲得初始樣式,然後我會對其進行優化。 – cybermonkey

回答

1

對於一個簡單的表單來說,這是很多工作。你可以從一個更簡單的基礎開始,看看是否可以幫助你移動它。

Have a fiddle!

HTML

<form id="login" name="form1" method="post" action="checklogin.php"> 
    <legend>Login to Crysis Wars Server Portal</legend> 
    <label for="myusername">Username</label> 
    <input name="myusername" type="text" id="myusername" /> 
    <label for="mypassword">Password</label> 
    <input name="mypassword" type="text" id="mypassword" /> 
    <input type="submit" name="Submit" value="Login" /> 
</form> 

CSS

#login { 
    width: 300px; 
} 
#login legend { 
    color: #265CFF; 
    font-size: 2em; 
} 
#login input { 
    float: left; 
    display: block; 
    margin: 20px 0 0; 
} 
#login label { 
    float: left; 
    width: 100px; 
    clear: left; 
    margin: 20px 0 0; 
} 
#login input[type=submit] { 
    clear: left; 
} 
+0

我在解決HTML問題後嘗試了這一點,它完美的工作!謝謝! – cybermonkey

1

你的HTML標記是無效的HTML的任何版本。你不能像這樣在表格標記的中間放置一個表格標籤。您的瀏覽器可能會容忍錯誤並儘可能調整標記。這很可能是您的顯示設置沒有達到預期效果的原因。我會指向W3 Validator作爲檢查您的代碼是否符合要求的方法,以便將來避免此問題。如果您修改了標記,那麼這些樣式可能會按照您的預期工作。

+0

謝謝你。我將修復這些錯誤,並查看所需的代碼是否有效。 – cybermonkey

0

是,創建一個實現利用方式,標籤,輸入標籤的div容器會更實用。