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*]

well, its hard to use a specific code for each one. you can use what I use, but you will have to customize it, especially the subscriptions part:

<!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left:40px; margin-top: -11px;width: 162px; background: transparent; overflow: auto;"><br /><table border="0" width=100%><tr><br /><td colspan=2><br /><b>About Me</b><br /><tr><br /><td colspan=2><br /><em>Name:</em><br><br /><em>Home:</em><br><br /><em>Birthday:</em><br><br /><em>Stuff:</em><br /><tr><br /><td colspan=2><br /><b>Subscriptions</b><BR><br /><tr><br /><td><br /><a href="http://www.xanga.com/">LINK</a><br><br /><a href="http://www.xanga.com/">LINK</a><br><br /></td></tr><br /></table><br /></div><br /><!-- end code provided by createblog.com -->

for the calender, there is a special script that you can use: here