Comments Area Options

[The_AZN_Godfathe...]

My xanga's comments area is a bit messed up... The comments are small and all out of place and everything. I'm thinking there's something wrong with my HTML coding or margins or something.

Help would be great.

My Xanga

If you look where the comments are, you'll see the problem.

If I need to post my HTML, tell me.

Thanks.

[*Mintyfresh977*]

I think the problem is with the width of your comment page. Can I see your code?

[The_AZN_Godfathe...]

This isn't all of my coding, but I'm pretty sure it's all you'll need.

If you do need more coding, tell me.

<style type="text/css">
table.navigation, table.footer { display:none; }
</style>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>


<style type="text/css">
/* The_AZN_Godfather v.2 - By Arjuna Capulong*/
body
{background-color: #COLOR CODE;

scrollbar-arrow-color: #0080ff;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;}

/* edits the date */
div.blogheader, .caption
{background-image: url();
background-repeat:no-repeat;
background-position:center;
font-family: Century;
text-transform:none;
font-size:18px;
line-height:#px;
font-weight:normal;
color:#FFFFFF;
letter-spacing:2px;
background-color:#COLOR CODE;
text-align:Left;
border:0px solid #COLOR CODE;}

.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #COLOR CODE;}

input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: #px solid #COLOR CODE;
font:normal #px FONT FAMILY;
background-color: #COLOR CODE;
font-color:#COLOR CODE;}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color:none;
color: #COLOR CODE;
font: bold #pt FONT FAMILY;
text-transform: none;
text-align:center;
border: #COLOR CODE #px solid;}

table.left {
/* this edits the menu module */
width:180px;
color:000000;
background-color:#COLOR CODE;
BORDER: #COLOR CODE #px solid;}

font,td,p,xmp
{color:#COLOR CODE;
font-face: FONT FAMILY;
font-weight:normal;
font-size:#pt;
text-align:justify;}

table.blogbody tr td {
/* this edits the left margin of blog */
width:290px;
padding-left: 0px;}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color:transparent;
family-font: FONT FAMILY;
BORDER: #COLOR CODE #px solid;
width: 300px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */

a:link
{line-height: #pt;
font-family: FONT FAMILY;
font-weight:normal;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:active
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
font-size:#pt;
cursor:crosshair;}

a:visited
{font-family: FONT FAMILY;
color:#COLOR CODE;
text-transform:none;
text-decoration:strikeout;
font-size:#pt;
cursor: crosshair;}

A:hover {font-family:FONT FAMILY;
color:#COLOR CODE;
text-transform: uppercase;
cursor: crosshair;
font-weight:bold;
font-size:#pt}</style>

<style type="text/css">
a:hover {
border-left: 1px solid #0080FF;
border-right: 1px solid #0080FF;
color: #FFFFFF;
font: Time New Roman 6pt;
text-decoration: none;
cursor: crosshair;
text-transform: lowercase;
}</style>

<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:260px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .mainleft
{display: none;}
</style>

[Kenado]

I'm guessing it's the pictures...since it's stretching the blog area the area of the comments will stretch too, though I guess. Try deleting/thumbing the pictures, see what happens.

[The_AZN_Godfathe...]

Yeah... I was thinking the pictures were doing something after experimenting with my other layouts.

I'm thinking it's that huge margin I have on my blogspace... It's just that everything looked right when I did that, probably because the pictures did something.

I shall go check and see what happends. That's probably it.

But don't close this topic just in case it's not...

Thanks.


Edit: My problem has been solved. Thanks. You can close this if you want now.