Second module in custom skin, Help?!?! Options

[CrimsonSkyGraphi...]

Howdy everyone,

Okay, I just spent the past 3 hours trying to get this to work..and all it's done is manage to frustrate me greatly. I checked the how to guide for making skins and tried what was said to do there, and I checked the xanga scrptis section, tried what it said 'there'..Same problems. I even tried going and trying a script I foudn from someone 'elses' skin that had an extra module. Same problem.

My problem is that when I add in the second div layer (before my blog div) for my extra module (for a profile or whatever) they seem to..merdge? o.O The bottem half of my extra module fits into the top of my blog module..and when I try to move the extra one it moves my main one too. Here, I'll show you. Go to www.xanga.com/SimplicityPink_Layout . See how they're sorta..stuck together? And how they're both out of line? I had my main blog module placed correctly untill I added the extra div layer.

I'm not 'that' new to this..It's my second layout and I had no problems with my first one. The first didnt have a extra module, though. I just dont know what's wrong. I followed what people said to do..and it doesnt work! I'll put my whole code in a box below and can someoen please tell me if they see a problem? I'm ususally pretty good at this stuff but Im jsut totally lost this time. Thanks so much!

<!-- begin code provided by createblog.com --><br /><IMG NAME="Simplicity_Pink0" SRC="http://img14.imgspot.com/u/05/100/17/SimplicityPink.gif" WIDTH="693" HEIGHT="498" BORDER="0" USEMAP="#Simplicity_Pink"><br /><br /><MAP NAME="Simplicity_Pink"><br /><AREA SHAPE="rect" COORDS="115,474,193,489" HREF="http://www.xanga.com/Crimson_Sky" TARGET="_blank" ALT="Layout By Crimson_Sky"><br /><AREA SHAPE="poly" COORDS="15,294,75,282,77,301,21,315" HREF="http://www.xanga.com/logout.aspx" ALT="Sign Out"><br /><AREA SHAPE="poly" COORDS="82,259,159,281,155,296,80,274" HREF="http://www.xanga.com/private/subs.aspx" ALT="My Subscriptions"><br /><AREA SHAPE="poly" COORDS="27,246,80,232,89,249,33,266" HREF="http://www.xanga.com/signin.aspx" ALT="Sign In"><br /><AREA SHAPE="poly" COORDS="102,222,177,222,179,240,104,240" HREF="http://www.xanga.com/CLAF/default.asp" ALT="CLAF"><br /><AREA SHAPE="poly" COORDS="31,192,119,194,119,212,32,212" HREF="http://www.xanga.com/Private/feedback.aspx" ALT="My Feedback"><br /><AREA SHAPE="poly" COORDS="103,157,159,184,150,200,96,172" HREF="http://www.xanga.com" ALT="Xanga"><br /><AREA SHAPE="poly" COORDS="12,158,107,131,110,149,16,175" HREF="http://www.xanga.com/private/SubscribeTo.aspx?user=username" TARGET="_blank" ALT="Add Me"><br /></MAP><br /><br /><br /><div style="overflow: auto; width: 300px; height: 300px; margin-top: -400px; margin-left: 400px;"><b>About Me</b><br>blah</div><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 400px; height: 230px; margin-top: -260px; margin-left:235px;"><br /><br /><br /><style type="text/css"><br />/*Layout tester*/<br />/*Designed by Teesa*/<br /><br />/* Enjoy-do not jock*/<br />.mainleft, table.footer, table.navigation, HR{ display:none;<br />}body {<br />background-image:url();<br /><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width: 200px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><br /> <br /><br /><br /><style type="text/css"><br />.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext, .standard {<br />/* edits main text */<br />font:normal Comic Sans MS;<br />color: #FF66CC;<br />text-align:justify;<br />}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Comic Sans MS;<br />font-size:12px;<br />line-height:#px;<br />font-weight:underline;<br />color:#CC6699;<br />letter-spacing:2px;<br />background-color:#;<br />text-transform: uppercase;<br />text-align:center;<br /><br />border:#px solid #;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #CC6699;}<br /><br />.blogbody u, .standard u,{<br /> text-weight: normal;text-decoration: none; color: #CC6699; border-bottom: 1px dashed; border-color: ##996699;<br /> }<br /><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> color:#FF99CC;}<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #FF66CC;<br />background-color: white;<br />letter-spacing:0px;<br />color: FF66CC;}<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: #;<br />font: bold #20pt arial;<br />text-transform: none;<br />text-align:center;<br />text-transform:;<br />border: # #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#;<br />BORDER: # #px solid;}<br /><br />font,td,p,xmp<br />{color:#FF66CC;<br />font-face: Comic Sans MS;<br />font-weight:normal;<br />font-size:10pt;<br />text-transform:;<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: Comic Sans MS;<br />text-transform:;<br />BORDER: none;<br />width:###px;} /* <-- 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 /> {<br /> color:#FF99CC;<br /> font-size:13px;<br /> font-family:Comic Sans MS;<br /> font-style:normal;<br /> font-weight:normal;<br /> text-decoration:none;<br /> font-variant:normal;<br /> text-transform:normal;<br /> }<br />A:active<br /> {<br /> color:#FF99CC;<br /> font-size:13px;<br /> font-family: Comic Sans MS;<br /> font-style:normal;<br /> font-weight:normal;<br /> text-decoration:none<br /> font-variant:normal;<br /> text-transform:normal;<br /> }<br />A:visited<br /> {<br /> color:#FF99CC;<br /> font-size:13px;<br /> font-family:Comic Sans MS;<br /> font-style:normal;<br /> font-weight:normal;<br /> text-decoration:none;<br /> font-variant:normal;<br /> text-transform:normal;<br /> }<br />A:hover<br /> {<br /> color:#FF99FF;<br /> font-size:13px;<br /> font-family:Comic Sans MS;<br /> font-style:normal;<br /> font-weight:normal;<br /> text-decoration:none<br />         font-variant:normal;<br /> text-transform:normal;<br /> }<br /></style><br /><br /><br /><br /><!-- end code provided by createblog.com --><br /><br /><style type="text/css"><br />div {<br />filter:chroma(color=#FFFFFF); /* here you are defining which color you want to be transparent in your scrollbars */<br /><br />scrollbar-arrow-color: #FF66CC;<br />scrollbar-face-color: #FFCCFF; /* transparent */<br />scrollbar-3dlight-color: #CC6699; /* transparent */<br />scrollbar-darkshadow-color: #CC6699; /* transparent */<br />scrollbar-highlight-color: #FF66CC;<br />scrollbar-shadow-color: #FF66CC;<br />scrollbar-track-color: #FFFFFF; /* transparent */<br />}<br /></style><br /><br /><style type="text/css"><br />BODY {<br />scrollbar-face-color: #FFCCFF;<br />scrollbar-highlight-color: #FF66CC;<br />scrollbar-3dlight-color: #CC6699;<br />scrollbar-darkshadow-color: #CC6699;<br />scrollbar-shadow-color: #FF66CC;<br />scrollbar-arrow-color: #CC6699;<br />scrollbar-track-color: #FFFFFF;<br />}<br /></style> <br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/*<br />Blurred Hyperlinks - xanga.com/add_ons<br />- use only 45, 90, 135, 180, 225, 270, 315, or 360 for DIRECTION<br />- STRENGTH means the blur power<br />- do not change or remove HEIGHT:0 and add="0"<br />*/<br />a:hover <br />{<br />filter:blur(add="0",direction="90",strength="4"); height:0;<br />}<br /></style><br /><!-- end code provided by createblog.com<br /><!-- end code provided by createblog.com -->

**Edit**

Oops. For some reason the code didnt copy and paste right the first time. There, it's fixed I hope. Lol.

[CrimsonSkyGraphi...]

Thank you so much! That's what I wanted. What was the problem with it? *lol*

One last thing, could you tell me how to add a scrollbar and customize the fonts and stuff like I have in my main blog box for the extra module too? o.o'

[Pulchritude]

Thank you so much! That's what I wanted. What was the problem with it?    *lol*

One last thing, could you tell me how to add a scrollbar and customize the fonts and stuff like I have in my main blog box for the extra module too? o.o'

the problem was this..

CODE

<div style="overflow: auto; width: 400px; height: 230px; margin-top: -160px; margin-left:235px;">

u see the margin top u postioned it wrong.. it was too high.. to change the font and stuff u can referr to your default setting in your look and feel or add something like this

<!-- begin code provided by createblog.com --><br /><style type="text/css">table.blogbody {<br />width:WIDTH OF THE BLOGpx;<br />font-family: Arial;<br />font-weight: none;<br />font-size: 12pt;<br />color: #COLOR;<br />text-align: justify;<br />padding: 0px;<br />margin-top: 2px;<br />}<br />div.smalltext{<br />width: WIDTHpx;<br />padding: 3px;<br />text-align: left;<br />}<br />.caption, .blogheader {<br />width: 380px;<br />padding: 3px;<br />font-family: CHANGE FONT;<br />font-size: 16pt;<br />text-align: center;<br />color: #COLOR;<br />background-color: #COLOR;<br />text-transform: lowercaps;<br />margin-top: 10px;<br />}<br /><br />P, B, I, TD, TH <br />{font-family: FONT; color: #COLOR CODE OF FONT; font-size: 8pt; }<br />A:link, A:visited, A:active<br />{color:#COLOR CODE OF A LINK; text-decoration:none; font-size:8pt;}<br />a:hover<br />{text-decoration: underline; color:#COLOR; font-size: 8pt; );}<br />b, strong, i, u, {<br />/* edit colors when bold italic underline */<br />font-family: arial;<br />font-size: 8pt;<br />color: #000000;<br />font-weight: bold; <br />text-transform: lowercaps;<br /></style><br /><br /><!-- end code provided by createblog.com -->

something like that i got that from here

http://www.createblog.com/forums/index.php?showtopic=34220 i custom mized it a little and for a scroll bar i guesss u could do this..

CODE

<DIV id=scroll3 style="BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; OVERFLOW: auto; BORDER-LEFT: #000000 0px; WIDTH: #px; BORDER-BOTTOM: #000000 0px; HEIGHT: #px">

replace the # with your own numbers..

by the way your welcome