Problems with xanga Options

[Chalindrea]

I'm having a few problems with my xanga. I tried to put a new layout on it that I got off of here. You put the code in the custom header thing right? I did that and this is what it looks like. http://www.xanga.com/chalindrea Can you help me fix it? I have NO idea what I am doing. Thanks.

[talcumpowder]

It's rather helpful if you show us which skin, and put up the codes you used. In a codebox, please. Take out the asteriks.

CODE

[*codebox][/*codebox]

[Chalindrea]

Ok. This is the skin I used. http://www.createblog.com/skins/download.php?id=1258 And here's the code for it.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='97,147,121,154' HREF='http://www.xanga.com/CLAF/default.asp' ALT='claf '><br /><AREA SHAPE='rect' COORDS='172,145,218,152' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME' ALT='add me '><br /><AREA SHAPE='rect' COORDS='271,144,305,152' HREF='http://www.xanga.com/USERNAME' ALT='refresh '><br /><AREA SHAPE='rect' COORDS='343,147,395,153' HREF='http://www.xanga.com/guestbook.aspx?user=USERNAME' ALT='guestbook'><br /><AREA SHAPE='rect' COORDS='432,149,496,155' HREF='http://www.xanga.com/profile.aspx?user=USERNAME' ALT='Profile '><br /><AREA SHAPE='rect' COORDS='525,146,581,155' HREF='http://www.xanga.com/logout.aspx' ALT='logout'><br /></MAP><br /><IMG SRC='http://images.cbstaff.com/xanga/05/1139_img.jpg' border=0 width=1024 height=768 USEMAP='#imgmap'> <br /><br /><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--><br /><div style="overflow: auto; width: 500px; height: 331px; margin-top: -630px; margin-left: 90px;"> <br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><style type="text/css"><br />/* Fallen angel*/<br />body <br />{background-color: #ffffff;<br />scrollbar-arrow-color: #CC99CC;<br />scrollbar-track-color: #ffffff;<br />scrollbar-shadow-color: #CC99CC;<br />scrollbar-face-color: #ffffff;<br />scrollbar-highlight-color: #CC99CC;<br />scrollbar-darkshadow-color: #ffffff;<br />scrollbar-3dlight-color: #CC99CC;}<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: arial;<br />text-transform:none;<br />font-size:8px;<br />line-height:10px;<br />font-weight:normal;<br />color:#CC99CC;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #CC99CC;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #9999CC;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 6px solid #CC99Cc;<br />font:normal 8px arial;<br />background-color: #ffffff;<br />font-color:#CC99FF;}<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: #cc99cc;<br />font: bold 6pt arial;<br />text-transform: none;<br />text-align:center;<br />border: #ffffff 6px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#ffffff;<br />BORDER: #CC99FF 4px solid;}<br /><br />font,td,p,xmp<br />{color:#CC99FF;<br />font-face: arial;<br />font-weight:normal;<br />font-size:8pt;<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 /><br />a:link<br />{line-height: 8pt; <br />font-family: arial;<br />font-weight:normal; <br />color:#CC99FF; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: arial; <br />color:#CC99cc; <br />text-transform:none;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: arial; <br />color:#CC99FF; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:8pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:arial;<br />color:#CC99FF;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:8pt}</style><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* 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 /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

That's the only code I'm using on my xanga except for my chatterbox. (which is not showing up right now)

[talcumpowder]

Your chatterbox does not show up, because the skin has disabled left modules.
And I don't see what's wrong.... It looks fine to me.

[Chalindrea]

Oh, I guess it is alright. I was on a Mac earlier and it wasn't working on it so I went to a Windows computer and it works. Now though, I changed to a different skin and I was wondering how to move the actual blog post so it fits into the red box. Here's the code.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script>document.title="Red Rose Dragon";</script><br /><br /><img src="http://skins.cbstaff.com/skin141_image.gif" border=0 usemap="#mymap"><br /><map name="mymap"><br /><area shape=rect coords="811,410,851,403" href="http://www.xanga.com"><br /><area shape=rect coords="817,431,847,424" href="http://www.xanga.com/private/home.aspx"><br /><area shape=rect coords="801,452,863,446" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=desperatexmeasures"><br /><area shape=rect coords="790,474,874,467" href="http://www.xanga.com/Private/subs.aspx"><br /><area shape=rect coords="797,496,862,486" href="http://www.xanga.com/CLAF/default.asp"><br /></map><br /><br /><style type="text/css"><br />/* Red Rose Dragon Stylesheet */<br />/* by Creepy (xanga.com/Desperatexmeasures) */<br />/* [url=http://createblog.com*/]http://createblog.com*/[/url]<br />body {<br />  background: #000000;<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #610c0c;<br />  scrollbar-shadow-color: #610c0c;<br />  scrollbar-face-color: #610c0c;<br />  scrollbar-highlight-color: #610c0c;<br />  scrollbar-darkshadow-color: #610c0c;<br />  scrollbar-3dlight-color: #610c0c; <br />  }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 10px Verdana;<br />  line-height:13px;<br />  color: #A82527;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}<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 /><br />div.blogheader, .caption {<br />/* edits the dates */<br />  font-family:Verdana;<br />  text-transform: lowercase;<br />  font-size:16px;<br />  line-height:10px;<br />  font-weight:bold;<br />  color:#a82527;<br />  letter-spacing:0px;<br />  background-color: transparent;<br />  text-align: center;<br />  }<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color:#a82527;<br />  text-decoration: none;<br />  }<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color:#a82527; <br />  text-decoration: none;<br />  }<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />  color:#a82527;<br />  cursor: crosshair;<br />  text-decoration: none;<br />  }<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />  border: 1px solid #d02224;<br />  font:normal 11px arial;<br />  background-color: #000000;<br />  letter-spacing:0px;<br />  color: #d02224;<br />  <br />/* this edits the menu module */<br />  border: 1px solid #c0c0c0;<br />  width:160px;<br />   background-color: #FCEBFF;<br />  }<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  border: 0px solid c0c0c0;<br />  background-color: transparent;<br />  width:230px;<br />  }<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(http://url.com/to/the/site/image.gif);<br />  background-color: #FCEBFF;<br />  font: bold 11px arial;<br />  text-transform: uppercase;<br />  color: #C991AE;<br />  border: none;<br />  }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-image: url(http://url.com/to/the/site/image.gif);<br />  background-color: #FFFFFF;<br />  border: none;<br />  }<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color: #FCEBFF; <br />  border: 1px solid #c0c0c0;<br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 0px solid #c0c0c0;<br />  }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 0px;<br />  }<br />hr {<br />/* horizontal divider */<br />  border: 1px solid #000000;<br />  }<br /></style><br /><br /><div style="position:absolute; margin-left:60px;margin-top: -610px;border: 0px solid #000000; width: 265px; height: 370px;background: none;overflow: auto"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

Thanks for all your help. Sorry I'm being a bother.

[Mulder]

just a matter of <div> tags. i could probably do it for you.

[Mulder]

just a matter of no space, i think.

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script>document.title="Red Rose Dragon";</script><br /><br /><img src="http://skins.cbstaff.com/skin141_image.gif" border=0 usemap="#mymap"><br /><map name="mymap"><br /><area shape=rect coords="811,410,851,403" href="http://www.xanga.com"><br /><area shape=rect coords="817,431,847,424" href="http://www.xanga.com/private/home.aspx"><br /><area shape=rect coords="801,452,863,446" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=desperatexmeasures"><br /><area shape=rect coords="790,474,874,467" href="http://www.xanga.com/Private/subs.aspx"><br /><area shape=rect coords="797,496,862,486" href="http://www.xanga.com/CLAF/default.asp"><br /></map><br /><br /><style type="text/css"><br />/* Red Rose Dragon Stylesheet */<br />/* by Creepy (xanga.com/Desperatexmeasures) */<br />/* [url=http://createblog.com*/]http://createblog.com*/[/url]<br />body {<br />  background: #000000;<br />  scrollbar-arrow-color: #000000;<br />  scrollbar-track-color: #610c0c;<br />  scrollbar-shadow-color: #610c0c;<br />  scrollbar-face-color: #610c0c;<br />  scrollbar-highlight-color: #610c0c;<br />  scrollbar-darkshadow-color: #610c0c;<br />  scrollbar-3dlight-color: #610c0c; <br />  }<br /><br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 10px Verdana;<br />  line-height:13px;<br />  color: #A82527;<br />  letter-spacing:0px;<br />  text-align:justify;<br />  }<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;}<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 /><br />div.blogheader, .caption {<br />/* edits the dates */<br />  font-family:Verdana;<br />  text-transform: lowercase;<br />  font-size:16px;<br />  line-height:10px;<br />  font-weight:bold;<br />  color:#a82527;<br />  letter-spacing:0px;<br />  background-color: transparent;<br />  text-align: center;<br />  }<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color:#a82527;<br />  text-decoration: none;<br />  }<br /><br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color:#a82527; <br />  text-decoration: none;<br />  }<br /><br />a:hover {<br />/* edits when user mouseovers the links */<br />  color:#a82527;<br />  cursor: crosshair;<br />  text-decoration: none;<br />  }<br /><br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />  border: 1px solid #d02224;<br />  font:normal 11px arial;<br />  background-color: #000000;<br />  letter-spacing:0px;<br />  color: #d02224;<br />  <br />/* this edits the menu module */<br />  border: 1px solid #c0c0c0;<br />  width:160px;<br />   background-color: #FCEBFF;<br />  }<br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  border: 0px solid c0c0c0;<br />  background-color: transparent;<br />  width:230px;<br />  }<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(http://url.com/to/the/site/image.gif);<br />  background-color: #FCEBFF;<br />  font: bold 11px arial;<br />  text-transform: uppercase;<br />  color: #C991AE;<br />  border: none;<br />  }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-image: url(http://url.com/to/the/site/image.gif);<br />  background-color: #FFFFFF;<br />  border: none;<br />  }<br /><br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color: #FCEBFF; <br />  border: 1px solid #c0c0c0;<br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 0px solid #c0c0c0;<br />  }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 0px;<br />  }<br />hr {<br />/* horizontal divider */<br />  border: 1px solid #000000;<br />  }<br /></style><br /><br /><div style="position:absolute; margin-left: 105px; margin-top: -610px; border: 0px solid #000000; width: 265px; height: 370px;background: none;overflow: auto"><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[Chalindrea]

It didn't seem to work. Darn thing is making me mad. If only I knew html or css.

[talcumpowder]

Resolution and browser. It all depends on those. Figuring that most people are too lazy to format their computers to a diffrent resolution, most have 1024 x 784 resolution. Also, because people are stupid, most use the default browser - IE. Personally, I think IE sucks, but everyone else seems to think it's so cool.... So most people code for IE and the 1024 x 786 resolution.

[Chalindrea]

Oh I see. That makes sense. Well thanks for all your help! I think I can handle it now.