Recently, I reorganized my table that contains submit buttons:
<table style="border: 0; width: 15%">
<tr style="background-color: transparent">
<td style="border: 0">
<form action="displayevalform" method="post">
<input type="submit" value="Go Back">
</form>
</td>
<td style="border: 0">
<form action="evaluate" method="post">
<input type="submit" value="Done">
</form>
</td>
</tr>
</table>
However, after removing the inline CSS and moving the table into a <div>, it doesn't seem to work as intended:
<style>
.tblreset table {
border: 0;
width: 15%;
}
.tblreset tr {
background-color: transparent;
}
.tblreset td {
border: 0;
}
</style>
<div class="tblreset">
<table>
<tr>
<td>
<form action="displayevalform" method="post">
<input type="submit" value="Go Back">
</form>
</td>
<td>
<form action="evaluate" method="post">
<input type="submit" value="Done">
</form>
</td>
</tr>
</table>
</div>
I'm puzzled as to why this new setup is not functioning. Could there be an issue with my CSS syntax?