We keep hearing about "tabless" layouts. There are some advantages to using divs, including better placement using CSS or layout control for other media like printing or mobile devices.
It is actually simple to do in many circumstances. Here is the sample of the code used to do the side-by side layout listed below.
<div class="halfDiv">
<p>Here is some text on the left side, and you can place whatever info you need over on this side. </p>
<p>Then, you can can make this side much longer or shorter than the other side.</p>
<p>You may have to play a bit with the width of the column(s). </p>
</div>
<div class="halfDiv">
<div align="center"><img src="images/Image-Right-Side.png" width="325" height="173" /></div>
</div>
The CSS for this layout is also very straightforward.
padding: 1em;
width: 45%;
float: left;
}
Here is some text on the left side, and you can place whatever info you need over on this side.
Then, you can can make this side much longer or shorter than the other side.
You may have to play a bit with the width of the column(s).
