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>

[jaceace32]

Sorry bout that, here's the link if anyone wants to see

http://www.xanga.com/home.aspx?user=JaCeThEaCe32

[avalon*]

please edit your posts, thanks =)

you have to distinctly separate both div layers. like they can't be running into one another like you have them now.

[jaceace32]

Lol, no clue what you meant allthatglitterss... everything on the page works fine with the code...

I'm just trying to move the left modules to the top right...

[jaceace32]

bump bump

Does any1 know the code for each ABOUT ME - SUBSCRIPTIONS - and POSTING CALENDER??

[*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.

[jaceace32]

So sorry about the double post, i'm new to the whole forum scene.

Thanks gotnoheart... do you know the particular code for the 'about me' module, 'subscriptions', etc.

could i see an example of what you mean?

Thanks and sorry about before

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