Hi. Basically I made a guild layout in the normal way, but I tried coding it with this online program for blog coding-it's at The Risen Realm (http://www.therisenrealm.com/blog_coder.html)-but it only works with one blog per image. So, smart little me ;) tried slicing the layout into individual portions of bloggage :D
The first two blog portions appear OK, but the 3rd one goes wrong.

The code?
<!-- Layout by guild_layout_co -->
<!-- Main Begin -->
<div style="width: 400px; height: 270px; background: url(http://s01.imagehost.org/0065/layout_1x1.png)">
<div style="height: 147px"></div>
<div style="margin-left: 68px; width: 271px; height: 94px; font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #FFFFFF; padding-right: 3px; overflow: auto; scrollbar-face-color: #003399; scrollbar-highlight-color: white; scrollbar-3dlight-color: #000099; scrollbar-darkshadow-color: #000099; scrollbar-shadow-color: white; scrollbar-arrow-color: white; scrollbar-track-color: transparent;">
<b>Main</b><br>
Basically an introduction to your guild. Themes, links, anything you want!

</div>
</div>
<!-- Main End -->
<!-- News Begin -->
<div style="width: 218px; height: 153px; background: url(http://s01.imagehost.org/0066/layout_2x1.png)">
<div style="height: 38px"></div>
<div style="margin-left: 57px; width: 131px; height: 79px; font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #FFFFFF; padding-right: 3px; overflow: auto; scrollbar-face-color: #003399; scrollbar-highlight-color: white; scrollbar-3dlight-color: #000099; scrollbar-darkshadow-color: #000099; scrollbar-shadow-color: white; scrollbar-arrow-color: white; scrollbar-track-color: transparent;">
<b>News</b>
All the news goes here. </div></div>
<!-- News End -->
<!-- Contests Begin -->
<div style="width: 182px; height: 153px; background: url(http://s01.imagehost.org/0066/layout_2x2.png)">
<div style="height: 40px"></div>
<div style="margin-left: 21px; width: 126px; height: 76px; font-family: Verdana, Arial, sans-serif; font-size: 10pt; color: #FFFFFF; padding-right: 3px; overflow: auto; scrollbar-face-color: #003399; scrollbar-highlight-color: white; scrollbar-3dlight-color: #000099; scrollbar-darkshadow-color: #000099; scrollbar-shadow-color: white; scrollbar-arrow-color: white; scrollbar-track-color: transparent;">
<b>Contests</b>
Contests. WOTM, raffles, whatever you say it goes here!
</div>
</div>
<!-- Contests End -->


I want the Contests portion (layout_2x2.png) to appear next to News (layout_2x1.png). Both appear directly under Main (layout_1x1.png).

Also take note that aswell as the images there I have 2 others below them I haven't coded (layout_3x1.png and layout_3x2.png).

I was thinking about using tables... would that be right?

Thanks,
taylor