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

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

Does Firefox offer AppleScript support to get URL of windows? -

android - How to install packaged app on Firefox for mobile? -