left side modules, custom modules Options

[Amie91280]

I used the code for Custom Modules and I can't seem to postion it how I want. I know it has something to do with div layers, but I'm just trying it out for the first time. I've wanted to make custom modules for a while but have been too chicken to try it. At first mine were in my blog area and above the writing in the blog (I wanted them to be on the left in their own space). I tried a few different codes and they all turned out the same. Then I got the brilliant idea to put the code as the very first thing in my Header HTML. Now they're on the left, but they're above the box I want them in, and no matter how large a number I put for the margin top, they won't move down any farther. What am I doing wrong?

Here's the link to my site. You have to scroll way down to see it, I think it has something to do with the top margin I put for the modules.

Here's the code I'm using

<!-- begin code provided by createblog.com --><br /><div style="position:static; margin-left: -620px;margin-top: 1200px;border: 0px solid #FFFFFF; width: 210px; height: 394px;background: none; overflow: auto"><br /><br /><table border="0" width=100%><br /><tr><br /><td colspan=2><br /><b class=nav>About Me</b><br /><tr><br /><td colspan=2><br><br />Stuff about yourself…here<br />Stuff about yourself…here<br />Stuff about yourself…here<br />Stuff about yourself…here<br /><br /><tr><br /><td colspan=2><br><br /><b class="nav">Navigation</b><br><br /><a href="http://www.xanga.com/">Xanga</a><br><br /><a href="http://www.xanga.com/signin.aspx">Sign In</a><br><br /><a href="http://www.xanga.com/logout.aspx">Sign Out</a><br><br /><a href="http://www.xanga.com/private">Home</a><br><br /><a href="http://www.xanga.com/claf">CLAF</a><br><br /><a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br><br /><a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br><br /><a href="http://www.xanga.com/profile.aspx?user=YOURXANGAUSER">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br><br /><a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br><br /><a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br><br /><a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br><br /><tr><br /><td colspan=2><br /><b class="nav">Subscriptions</b><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 /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><td><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /><a href="http://www.xanga.com">link</a><br><br /></tr><br /></table><br /></div><br /><div align="center" class="blogspace"><br /><!-- end code provided by createblog.com --><br /><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='41,46,122,111' HREF='http://www.xanga.com' ALT='Xanga Home'><br /><AREA SHAPE='rect' COORDS='196,45,283,114' HREF='http://www.xanga.com/claf' ALT='Custom Look and Feel'><br /><AREA SHAPE='rect' COORDS='534,44,618,112' HREF='http://www.xanga.com/private/home.aspx' ALT='Private'><br /><AREA SHAPE='rect' COORDS='690,43,773,112' HREF=http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME<br />' ALT='Subscribe to me'><br /><AREA SHAPE='rect' COORDS='364,46,444,113' HREF='http://www.xanga.com/profile.aspx?user=USERNAME'' ALT='Sign my Guestbook'><br /></MAP><br /><br /><IMG SRC='http://www.photodump.com/direct/Amie91280/Untitled-1642.jpg<br />' border=0 width=825 height=550 USEMAP='#imgmap'><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, /* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><div style="<br />overflow: auto;<br />width: 596px;<br />height: 394px;<br />margin-top: -401px;<br />margin-left: 223px;"><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Butterflies - By Amie91280 */<br />body <br />{background-color: #E874E3;<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #7B7BE6;<br />scrollbar-shadow-color: #D25ACD;<br />scrollbar-face-color: #E874E3;<br />scrollbar-highlight-color: #F794F3;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-3dlight-color: #FFFFFF;}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url(http://img.photobucket.com/albums/v473/Amie91280/Xanga%20Stuff/butterflydate.jpg);<br />background-repeat:all;<br />background-position:center;<br />font-family: FONT FAMILY;<br />text-transform:none;<br />font-size:#10px;<br />line-height:#11px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:0px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #F4A1E9;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #E874E3;<br />font-color:#7A7BE7;}<br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#690865;<br />font-face: FONT FAMILY;<br />font-weight:normal;<br />font-size:#pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: FONT FAMILY;<br />BORDER: #COLOR CODE #px solid;<br />width:400px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: FONT FAMILY;<br />font-weight:normal; <br />color:#690865; <br />text-transform:none;<br />font-size:#pt; <br />cursor:none;}<br /><br />a:active<br />{font-family: FONT FAMILY; <br />color:#690865; <br />text-transform:none;<br />font-size:#pt; <br />cursor:none;}<br /><br />a:visited<br />{font-family: FONT FAMILY; <br />color:#F5A1DF; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: none;}<br /><br />A:hover {font-family:FONT FAMILY;<br />color:#F5A1DF;<br />text-transform: lowercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}</style><br /><!-- end code provided by createblog.com -->

[hi-C]

It definitely has something to do with your top margin. And move the image before the custom div.

[Amie91280]

OMG thanks SOOOO much! I've been trying to get this right forever! I put it at the very beginning and the very end, but never thought to stick it somewhere in the middle! Thanks you, thank you, thank you!

[sherryvu]

OMG thanks SOOOO much!  I've been trying to get this right forever!  I put it at the very beginning and the very end, but never thought to stick it somewhere in the middle!  Thanks you, thank you, thank you!

I'm glad you got it to work
If you need me to reopen this for any reason, just PM me.
[ topic closed ]