表格使用表格输入向右移动

时间:2014-06-16 15:04:44

标签: html forms input html-table

我一直在寻找这方面的帮助,但还没有发现任何有效的方法。我有一个网页,其中包括HTML,PHP,Javascript和CSS。这真的很基础。它在背景和翻转的表格中有图像,我有一个带有两个输入的表格。它在Firefox中看起来不错,在IE浏览器中没问题,但在谷歌浏览器中它将图像向右移动。 IE也发生了这种情况,我可以通过缩小尺寸来实现它的工作:

<td> <input size="19" name="email" type="text" ><br>

size =“19”似乎有用(但并不完美)。在chrome中,它将表格向右移动。

这是代码(请放轻松我):

<?php 
include_once 'includes/db_connect.php';
include_once 'includes/functions.php';
sec_session_start();
if (login_check($mysqli) == true) {
    $logged = 'in';} else {
    $logged = 'out';}
?>

<html>
  <head>
    <meta content="text/html; charset=iso-8859-1" http-equiv="content-type">
    <link rel="stylesheet" type="text/css" href="styles/mystyle.css">
    <link rel="stylesheet" href="styles/main.css" />
    <script type="text/JavaScript" src="js/sha512.js"></script> 
    <script type="text/JavaScript" src="js/forms.js"></script> 
    <title>login</title>
  </head>
  <body leftmargin="0" topmargin="0" style="    background-color: white;" marginheight="0" marginwidth="0">

    <form action="includes/process_login.php" method="post" name="login_form">
      <table  class="center" id="Table_01" border="0" cellpadding="0" cellspacing="0" height="601" width="720"
      style="table-layout:auto" >
        <tbody>
          <tr>
            <td colspan="9"> <img src="images/login_01.gif" alt="" height="120" width="720"></td>
          </tr>
          <tr>
            <td> <img src="images/login_02.gif" alt="" height="29" width="67"></td>
            <td> <a href="register.php" target="_self"> <img src="images/login_register.gif"
                  alt="register" border="0" height="29" width="107"></a></td>
            <td colspan="5"> <img src="images/login_04.gif" alt="" height="29" width="364"></td>
            <td> <a href="reset.php" target="_self"> <img src="images/login_reset.gif"
                  alt="reset_password" border="0" height="29" width="121"></a></td>
            <td> <img src="images/login_06.gif" alt="" height="29" width="61"></td>
          </tr>
          <tr>
            <td colspan="9"> <img src="images/login_07.gif" alt="" height="102" width="720"></td>
          </tr>
          <tr>
            <td colspan="3"> <img src="images/login_08.gif" alt="" height="22" width="293"></td>
            <!-- EMAIL FORM -->
            <td> <input size="19" name="email" type="text" ><br>
            </td>
            <td colspan="5"> <img src="images/login_10.gif" alt="" height="22" width="285"></td>
          </tr>
          <tr>
            <td colspan="9"> <img src="images/login_11.gif" alt="" height="56" width="720"></td>
          </tr>
          <tr>
            <td colspan="3"> <img src="images/login_12.gif" alt="" height="22" width="293"></td>
            <!-- PASSWORD FORM -->
            <td> <input size="19" type="password" name="password" id="password"  /></td>
            <td> <img src="images/login_14.gif" alt="" height="22" width="23"></td>
            <td> <INPUT TYPE="image" SRC="images/login_submit.gif" WIDTH="55"  HEIGHT="22" 
              BORDER="0" ALT="Submit" value="Login" onclick="formhash(this.form, this.form.password);">           
              </td>
            <td colspan="3"> <img src="images/login_16.gif" alt="" height="22" width="207"></td>
          </tr>
          <tr>
            <td colspan="9"> <img src="images/login_17.gif" alt="" height="249" width="720"></td>
          </tr>
          <tr>
            <td> <img src="images/spacer.gif" alt="" height="1" width="67"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="107"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="119"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="142"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="23"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="55"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="25"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="121"></td>
            <td> <img src="images/spacer.gif" alt="" height="1" width="61"></td>
          </tr>
        </tbody>
      </table>
    </form>


<?php
    if (isset($_GET['error'])) {
    echo '<p class="error">Error Logging In!</p>';
    }
?> 

  </body>
</html>

如何在IE Firefox和Chrome中正确显示此页面?

0 个答案:

没有答案