Left modules into div layer, how to use current modules into div? Options

[jaceace32]

I was able to figure out how to work the positioning of div layers on my page... SCORE!!!!!

Now i'm trying to move my current MODULES into the div layer at the top right corner.
The MODULES i want to move are the ABOUT ME - SUBSCRIPTIONS - POSTING CALENDER.
What is the code for each of these so i can input them into the div layer?

CODE

<div style="width: 752px; border: 1px solid #000000; background-color: #FFFFFF;">
<div style="border: 1px solid #FFFFFF;">


<!-- Here's the layer on the top right of the page -->

<div style="position:static; margin-left:500px; margin-top: 20px; width: 0px; height: 0px; background: transparent;">

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>CUSTOM MODULE</b></th></tr><tr><td valign="top" class="module">
La la la =]
</td></tr></table><br>

</td><td width="500" valign="top" align="left">
</div>



<IMG SRC="http://img156.exs.cx/img156/6148/0778img2de.gif"  BORDER=0 align="left" VSPACE="10" HSPACE="10" USEMAP="#sgh"> <BR CLEAR=ALL>



<style type="text/css">
a:link, a:visited, a:active { color: #333; text-decoration: underline; }
a:hover { color: #666; text-decoration: none; }
body, td, div, p, th, select, input { font-family: verdana, arial, sans-serif; font-size: 10px; color: #333; }
body { background: #fff; }
form { margin: 0px; padding: 0px; }
hr { color: #fff; }
.banner, .footer, #SearchBar1_pnlSearch { display: none; }
.main { table-layout: fixed; }
.mainleft table { background: #f0efef; border: 0px }
.mainleft th.left { background: #f0efef; padding: 0px 0px 5px 0px; }
.mainleft td.left, .blogbody { background: #fff; border: 1px solid #ccc; border-top: 5px solid #ccc; }
.mainleft th, .blogheader { font-size: 10px; text-transform: uppercase; letter-spacing: .3em; }
.blogbody td { text-align: justify; line-height: 17px; padding: 4px; padding-left:0px; width:0px; }
.htmleditor { width: 513px; }
</style>



<style type="text/css">
}
table.blogbody, div.blogheader, .caption{
width:330;
}
table.footer, table.search, #SearchBar1_pnlYouAreHere, #rblEprops, #pnlEprops, hr {display: none;}
</style>

[*mona lisa*]

please don't double post. like allthatglitterss said, use the edit button. thanks.

you will probably have to make each one, like about me, subecriptions, posting calender on each div layer. so make a div for each one and position them each after the other.