2014-06-24 136 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容器会更实用。