help again :D, cos this is my second layout only :] Options

[x_ELENT]

http://www.xanga.com/home.aspx?user=sweetone
i made a layout for a friend, and it has a few problems. i guess :D the comment page is screwed up, and i donno how to fix it. also the scroll bar is way out of now where and i have no idea how to fix it :(

this is the code:

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* ashlee simpson - by sweta, for jenn only*/<br />body <br />{background-color: #FF4D4A;<br /><br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<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: verdana;<br />text-transform:none;<br />font-size:10px;<br />line-height:none;<br />font-weight:normal;<br />color:000000;<br />letter-spacing:2px;<br />background-color:none;<br />text-align:center;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #A50C08;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />font:normal 10px verdana;<br />background-color: #FF4D4A;<br />font-color:#000000;}<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: #000000;<br />font: bold 8pt verdana;<br />text-transform: none;<br />text-align:center;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#FF4D4A;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: verdana;<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 />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: verdana;<br />width:200px;} /* <-- 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: none; <br />font-family: verdana;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:none;}<br /><br />a:active<br />{line-height: none; <br />font-family: verdana;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:none;}<br /><br />a:visited<br />{line-height: none; <br />font-family: verdana;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:none;}<br /><br />A:hover {font-family:verdana;<br />color:#FF4D4A;<br />text-transform: normal; <br />cursor: none; <br />font-weight:normal;<br />font-size:8pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='15,61,44,65' HREF='xanga.com'><br /><AREA SHAPE='rect' COORDS='15,79,45,82' HREF='http://www.xanga.com/signin.aspx'><br /><AREA SHAPE='rect' COORDS='15,97,55,103' HREF='http://www.xanga.com/signout.aspx'><br /><AREA SHAPE='rect' COORDS='14,115,47,120' HREF='http://edit.xanga.com/claf.aspx'><br /><AREA SHAPE='rect' COORDS='15,133,85,137' HREF='http://www.xanga.com/Private/subs.aspx'><br /><AREA SHAPE='rect' COORDS='16,151,47,156' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=lilylilacluver'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v14/lylan/ashlee2.png' border=0 width=598 height=239 USEMAP='#imgmap'> <br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: -100px; height: 200px; margin-top: -215px; margin-left: 300px;"> <br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<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 /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

i set the width to 250, and aligned it center (obviously)
i used this tutorial to make this skin :)
thank you in advance
<333333333 sweta

[avalon*]

Try this.

<!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* ashlee simpson - by sweta, for jenn only*/<br />#pnlEnabled table, #htmleditor, #lblTimeZone, <br />#pnlEprops, #rblEprops {width: auto !important;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br />body <br />{background-color: #FF4D4A;<br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<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: verdana;<br />text-transform:none;<br />font-size:10px;<br />line-height:none;<br />font-weight:normal;<br />color:000000;<br />letter-spacing:2px;<br />background-color:none;<br />text-align:center;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #A50C08;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />font:normal 10px verdana;<br />background-color: #FF4D4A;<br />font-color:#000000;}<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: #000000;<br />font: bold 8pt verdana;<br />text-transform: none;<br />text-align:center;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#FF4D4A;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: verdana;<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 />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: verdana;<br />width:200px;} /* <-- 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: none; <br />font-family: verdana;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:none;}<br /><br />a:active<br />{line-height: none; <br />font-family: verdana;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:none;}<br /><br />a:visited<br />{line-height: none; <br />font-family: verdana;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:none;}<br /><br />A:hover {font-family:verdana;<br />color:#FF4D4A;<br />text-transform: normal; <br />cursor: none; <br />font-weight:normal;<br />font-size:8pt}<br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='15,61,44,65' HREF='xanga.com'><br /><AREA SHAPE='rect' COORDS='15,79,45,82' HREF='http://www.xanga.com/signin.aspx'><br /><AREA SHAPE='rect' COORDS='15,97,55,103' HREF='http://www.xanga.com/signout.aspx'><br /><AREA SHAPE='rect' COORDS='14,115,47,120' HREF='http://edit.xanga.com/claf.aspx'><br /><AREA SHAPE='rect' COORDS='15,133,85,137' HREF='http://www.xanga.com/Private/subs.aspx'><br /><AREA SHAPE='rect' COORDS='16,151,47,156' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=lilylilacluver'><br /></MAP><br /><br /><IMG SRC='http://img.photobucket.com/albums/v14/lylan/ashlee2.png' border=0 width=598 height=239 USEMAP='#imgmap'> <br /><br /><div style="overflow: auto; width: -100px; height: 200px; margin-top: -215px; margin-left: 300px;"> <br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com -->

[x_ELENT]

:/ it looks the exact same.
thank you though!
<3

[avalon*]

I changed the code that makes the comment box fit, and I took out all of those unnecessary createblog tag things..but I'm not sure if it will make a difference.

[x_ELENT]

I changed the code that makes the comment box fit, and I took out all of those unnecessary createblog tag things..but I'm not sure if it will make a difference.

i tried out the code on my xanga, and the comment box still does not work :/
example

[avalon*]

table.navigation, table.main {
/* the width of your blog with modules */
width: ###px;
}

Add that after everything in your CSS, and try it again.

[x_ELENT]

when you say the width of your blog with modules, do you mean the whole blog itself, or only the box that the text is in? I did it with both, and still didn`t work :(
sorry if this is sort of a pain ><
<3 sweta

[avalon*]

It should be the same number...cause it's the same thing.