this is my html code:
<form name="form1" method="post" action="checklogin.php" onsubmit="return Length();">
<fieldset><Legend>Enroll Online</legend>
<label>Student Number:</label>
<input name="myus
this is my html code:
<form name="form1" method="post" action="checklogin.php" onsubmit="return Length();">
<fieldset><Legend>Enroll Online</legend>
<label>Student Number:</label>
<input name="myusername" type="text" id="myusername">
<label>Access Code:</label>
<input name="mypassword" type="password" id="mypassword">
<table border='0'>
<tr>
<td><input type="submit" name="Submit" value="Irregular">
</td><td><input type="submit" name="Submit" value="Regular">
</td></tr></table>
</fieldset>
</form>
and this is my css code:
*{
font-family:Trebuchet MS;
font-size:15px;
color:#cccccc;
}
label {
margin-bottom:10px;
display:block;
font-weight:bold;
font-size:15px;
}
form {
width:150px;
margin-top:210px;
margin-left:700;
}
fieldset {
border:solid 3px #353F3E;
padding:15px;
}
legend {
padding:0 15px 0 10px;
letter-spacing:2px
}
input {
position:relative;
right:-5%;
float:left;
margin-bottom:10px;
margin-right:10px;
}
The problem is
whenever I click the restore button in my browser the box always stay at the right corner and I need to move my vertical scrollbar to see the box.
Is there any code that would make the box move a little bit to the left that would make it visible even w/o scrolling?
i tried to make the margin-left:auto; and the box appeared top of the other boxes. Can someone help me.