problems with xanga layout tutorial, problems with xanga layout tutorial Options

[cellardoorway]

I'm having some issues with the Xanga skin tutorial that's listed on this site. I'm trying to get a layout based on this picture:

http://www.geocities.com/jade_faerie/layout1.jpg

but the <div> labels aren't working right--the sections appear underneath or above the image instead of on top of it.
Also, in the tutorial, it says that you should put the code into the "input header html" section--but I don't think that exists anymore. (I'm pretty new to Xanga; I used to be on Blogspot.) When I want to make a skin or customized layout, there's just one box for inputting all my code.

What should I do? Tips? Advice? Am I an idiot?!

[heyyfrankie]

Oh wow.  I'm not sure what happened, but it seems to be working now ...  I don't know how that happened, but ... I won't fight it.  You can see it at:

http://www.xanga.com/cellardoorway

However, there is still an issue or two.

1. What do I need to do to get my $Posts$ formatted in the CSS I specified in the head of the page?  The left $Profile_Info$ <div> seems to work, but not the right one.

2. How do I change how my posts are formatted in general--like what I want my date headers to look like, my "comments, eprops, whatever" line?

If I come up with any other problems I'll let you know too.

Here is my source code.

<!-- begin code provided by createblog.com --><br /><br /><html><br /><head><br /><title>cellardoorway</title><br /><br /><style type="text/css" title="mystyles" media="all"><br /><br /><!--<br />body {<br /> font-family: Verdana, Geneva, Arial, sans-serif; <br /> font-size: 12px;<br /> line-height: 140%<br />}<br />h3 {<br /> font-family: Verdana, Geneva, Arial, sans-serif;<br /> font-size: 14px;<br /> letter-spacing: 0.5em; word-spacing: 0.5em;<br /> text-decoration: bold<br />} <br />p {<br /> font-family: Verdana, Geneva, Arial, sans-serif;<br /> font-size: 12px;<br /> line-height: 140%<br />}<br />--><br /><br /></style><br /><br /></head><br /><body bgcolor=black><br /><center><br /><table border="0" height=1000 width=800><br /><tr height=176><br /><td width=800 background="http://www.geocities.com/jade_faerie/layouttop.jpg"></td><br /></tr><br /><tr height=824><br /><td valign=top width=800 background="http://www.geocities.com/jade_faerie/layoutbottom.jpg"><br /><br /> <table border="0" cellspacing=10 cellpadding=10><br />     <tr><br />  <td valign="top" align=right width=277><br /><br />   <div style="<br />                        height: 560px;<br />                        width: 190px;<br />   margin-left: 60px;<br />                        margin-right: 10px;<br />   margin-top: 225px;"><br />   <h3>About Me</h3><p><br />   <$Profile_Info$></p></div><br />   </td><br />  <td valign="top" align=left width=523><br />                        <div style="<br />                        height: 550px;<br />                        width: 420px;<br />                        overflow: auto;<br />   margin-right: 50px;<br />                        margin-left: 0px;<br />   margin-top: 225px;"><br />   <p><$Posts$></p></div><br />   </td><br />     </tr><br /> </table><br /><br /></td><br /></tr><br /><br /></table><br /></body><br /></html><br /><br /><!-- end code provided by createblog.com -->

um.okay. your code is kinda confusing because you don't code xanga with the normal website coding. (head, title, etc.) but anyways...it looks right to me.

Oh yeah, and I'm having trouble getting my scrollbar to change color.  It's just so awkward, especially in gray, but unfortunately necessary ... ::le sigh:: The sacrifices I make.

Here is the code I tried to use to make the scrollbar change.  It's set in the head of the document.

<!-- begin code provided by createblog.com --><br /><br />body {<br /> font-family: Verdana, Geneva, Arial, sans-serif; <br /> font-size: 12px;<br /> line-height: 140%;<br /> scrollbar-face-color: #b94902;<br /> scrollbar-shadow-color: #722803;<br /> scrollbar-highlight-color: #c57422;<br /> scrollbar-3dlight-color: #febd69;<br /> scrollbar-darkshadow-color: #370800;<br /> scrollbar-track-color: #c57422;<br /> scrollbar-arrow-color: #b7d331<br />}<br /><br /><!-- end code provided by createblog.com -->

& your scrollbars are colored as well.



it looks perfect...i think.