ログインフォームがあり、それにカスタム画像ボタンがあります。何らかの理由で、ページを更新または再ロードすると、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
}