Friday, January 20, 2012

Three Column Code

<table>
<tr> <td id="first_column" valign="top">
<p>
This is a three column post with columns of equal height. this however was done with a table.</p>
</td> <td id="second_column">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloDjYXC1PCE593W_wWwGftgOXilEyC-USGzKZZDCafIrpoL0UhwNK2YX75tRiBYw58KWNjnXN4EUZ2Ep-lKh9xQ8eGmNMsSVPiamALjzfS5lu62thyrGfu2Pq6pJroMgiOLwm2FU1UB4/s1600/blue-butterfly.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhloDjYXC1PCE593W_wWwGftgOXilEyC-USGzKZZDCafIrpoL0UhwNK2YX75tRiBYw58KWNjnXN4EUZ2Ep-lKh9xQ8eGmNMsSVPiamALjzfS5lu62thyrGfu2Pq6pJroMgiOLwm2FU1UB4/s200/blue-butterfly.jpg" width="200" /></a>
</td> <td id="third_column">
<p>
This little butterfly was so small I needed to use a macro lens.</p>
</td>
</tr> </table>

<style>
td{padding:1em;
font-size:12px;
text-align: centre;}
td p {width:100px;}
#first_column{color:white;
background-color:black;}
#second_column{
background-color:#CDC0B0;}
#third_column{
background-color:#8B7D6B;}
</style>

No comments:

Post a Comment