html - Input button moving on page refresh? -
i have login form , have custom image button. reason, if page refreshed or reloaded, moved down line , mess formatting. if page refreshed again, goes normal. happens on , on again. have no idea causing it. anyway, here form , css it. labeled value=login. entire form in class "login_box.
login form code:
<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>
and css entire form, button .button class:
.login_box { float:left; margin-top:10px; margin-right:-590px; margin-left:35px; list-style: none; } .login_box li { } .login_box li { 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 }
your table structure has problems, there closing tags without opening tags , there <td>
elements outside <tr>
elements (assuming couple of them before/after code you've posted.
Comments
Post a Comment