Fixing formatting of the form using a table

Signed-off-by: Eoghan Conlon <eoghanconlon73@skynet.ie>
This commit is contained in:
eoghanconlon73 2023-09-11 12:07:33 +01:00
parent ea014ec0f3
commit 1534371f31
2 changed files with 26 additions and 9 deletions

View file

@ -12,16 +12,29 @@
<h1>Skynet Password Reset & Sign-up service</h1> <h1>Skynet Password Reset & Sign-up service</h1>
</div> </div>
<div class="boxes"> <div class="boxes">
<form id="reset"> <form id="reset">
<label for="user">Username</label> <table id="table">
<input type="text" id="user" name="user" /> <br /> <tr>
<label for="pass">Old Password</label> <td><label class="label" for="user">Username</label></td>
<input type="password" id="pass" name="pass" /> <br /> <td><input class="input" type="text" id="user" name="user" /> <br /></td>
<label for="newPW1">New Password</label> </tr>
<input type="password" id="newPW1" name="newPW" /> <br /> <tr>
<label for="newPW2">Confirm</label> <td><label for="pass">Old Password</label></td>
<input type="password" id="newPW2" name="newPWConfirm" /> <br /> <td><input type="password" id="pass" name="pass" /> <br /></td>
<input type="Submit" value="Submit" /> </tr>
<tr>
<td><label for="newPW1">New Password</label></td>
<td><input type="password" id="newPW1" name="newPW" /> <br /></td>
</tr>
<tr>
<td><label for="newPW2">Confirm</label></td>
<td><input type="password" id="newPW2" name="newPWConfirm" /> <br /> </td>
</tr>
<tr>
<td colspan="2"><input type="Submit" value="Submit" /></td>
</tr>
</table>
</form> </form>
<p id="formStatus"></p> <p id="formStatus"></p>
</div> </div>

View file

@ -20,4 +20,8 @@ body{
margin-left: 20%; margin-left: 20%;
margin-right: 20%; margin-right: 20%;
margin-bottom: 3%; margin-bottom: 3%;
}
#table{
display: inline;
} }