Hi all,
I've been using CSS for typography for quite some time, but have not
looked into it too deep at all in regards to layout.
Now is as good a time as any eh?
Whilst ultimately I'll want to look at complex layouts (and can find
plenty of tutorials on them already), I just want to start with the
basics for the moment...
Can any one point me to some tutorials on the basics?
eg, how would i replicate this table layout in css?
<table width='500' border='0' cellpadding='0' cellspacing='0'>
<tr>
<td align='right' valign='top' height='50' width='50'>
<img src='fred.gif' ...>
</td>
<td align='left' valign='top' height='50' width='20'>
<!--gutter-->
</td>
<td align='left' valign='top' height='50' width='430'>
<p>All about Fred</p>
</td>
</tr>
<tr>
<td align='right' valign='top' height='50' width='50'>
<img src='jane.gif' ...>
</td>
<td align='left' valign='top' height='50' width='20'>
<!--gutter-->
</td>
<td align='left' valign='top' height='50' width='430'>
<p>All about Jane</p>
</td>
</tr>
</table>
Thanks in advance,
Justin