Here's the HTML:
Code: Select all
<table class='prettytable'>
<tr>
<td width='100'><b>To:</b></td>
<td width='400'><input type='text' name='recipient' value='$recipient' size='30'></td>
</tr>
<tr>
<td><b>Subject</b></td>
<td width='400'><input type=\"text\" name=\"subject\" value=\"$subject\" size=\"40\"></td>
</tr>
<tr>
<td><b>Message</b></td>
<td><textarea name='message' cols='45' rows='7'></textarea></td>
</tr>
<tr>
<td><b>Send</b></td>
<td><input type='submit' value='Send Message'></td>
</tr>
</table>
Code: Select all
table.prettytable {
margin: 1em 1em 1em 0;
background: #f9f9f9;
border: 1px #aaa solid;
border-collapse: collapse;
}
table.prettytable th, table.prettytable td {
border: 1px #aaa solid;
padding: 0.2em;
}
table.prettytable th {
background: #f2f2f2;
text-align: center;
}
table.prettytable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
table.prettytable code {
background-color: transparent;
}
It sort of worked, but instead of winding up with this, I wound up with this. So I'm just going to try again from square one.
So what I'm asking is: since I clearly must have went about this wrong when I tried it myself, how should I convert this to div/span format, the correct way? Which elements should be changed to div's, which to span's, or doesn't it matter? And is there something I should know about style='width: 300px;' on divs and spans (as it wasn't working on spans if my memory serves correctly).
