0

ログインフォームがあり、それにカスタム画像ボタンがあります。何らかの理由で、ページを更新または再ロードすると、1 行下に移動して書式設定が乱れることがあります。ページを再度更新すると、通常の状態に戻ります。これは何度も何度も起こります。何が原因なのかわかりません。とにかく、これが私のフォームとCSSです。value=login というラベルが付いています。また、フォーム全体はクラス「login_box.

ログインフォームコード:

<form action="process.php" method="POST">
                            <input type="text" placeholder="username" name="user" maxlength="30" size="16px" value="<?php echo $form->value("user"); ?>"></td><td><?php echo $form->error("user"); ?></td></tr>
                            <input type="password" placeholder="password" name="pass" maxlength="30" size="15px" value="<?php echo $form->value("pass"); ?>"></td><td><?php echo $form->error("pass"); ?></td></tr>
                            <input type="hidden" name="sublogin" value="1">
                            <div class="button"><input type="image" src="images/login.png"  width="26px" onmouseout="this.src='images/login.png'" onmouseover="this.src='images/loginhover.png'" onmouseout="t value="Login"></div>
                            <br><input type="checkbox" name="remember" <?php if($form->value("remember") != ""){ echo "checked"; } ?>>
                            <font size="2" color="#BDBDBD"> Remember Me 
                            <div class="forgot"><font size="2"><a href="forgotpass.php">Forgot Password?</a></font></div>
                            <div class="New"><br><a href="register.php">New Member? Register Now!</a></div>
                            </form>

フォーム全体の css、ボタンは .button クラスです。

.login_box {
    float:left;
    margin-top:10px;
    margin-right:-590px;
    margin-left:35px;
    list-style: none;

}

.login_box  li {

}

.login_box li a {
    color:#BDBDBD;
    text-decoration:none;
    padding-left:60px;

    padding:0px;

}

.logged_in {
    background-color:#585858;
    border:2px solid#FFFFFF;
    width:308px;
    height:55px;
    margin-left:-5px;
}

.welcome {
    color:#B40404;
    font-size:22px;
    text-decoration:underline;
    font-family:"Rockwell";
    padding-left:10px;
}

.account {
    list-style:none;
    display:inline;
    padding:0px;
    font-size:13px;
    text-decoration:underline;
    margin-left:10px

}

.forgot {
    display:inline;
    padding-left:38px
}

.New {

    padding-left:38px;
    font-size:16px;
    margin-top:-18px
}

.button {
    display:inline;
    float:right;
    margin-left:1px;
    position:absolute 


}

.register_box {
    float: center;
    padding-left:100px
}
4

1 に答える 1

1

テーブル構造に問題があり、開始タグのない終了タグがあり、<td>要素の外側に<tr>要素があります (そのうちのいくつかが投稿したコードの前後にあると仮定します。

于 2013-07-24T02:53:49.703 に答える