Help - Search - Members - Calendar
Full Version: my old layout has got some bugs
Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics
thriftstoresecrets
Nov 13 2007, 09:04 AM
Hi friends
So, when I first started xanga, I used a layout from create blog. Over the years, I kept changing the image, and the colours, (through trial and error - I'm not HTML savvy) and have finally adapted into the bare-bones layout I have now. I love it just the way it is, except! the right, left, and bottom border that should be surrounding each entry have mysteriously disappeared. I've tried to fix it, again, through trial and error, but I'm not sure what the root of the problem is.

http://www.xanga.com/thriftstoresecrets

take a peek, and if you think you know what the problem is, I'll send you the code I have (just to save space instead of putting it here).

Thanks!
digitalfragrance
Nov 13 2007, 12:09 PM
Moved to Xanga Support

It could be one of two things:
1.
CODE
.blogbody {font-family: arial; size: 8pt; color:
#000000; width: 497px; line-
height:11px; background-color:#FFFFFF;
border-left:2px solid #000000; border-right:
2px solid #000000; border-bottom: 2px solid
#000000;}

This part at the very end of this code, "#000000;}", there was missing a semi-colon... ad that in like I have it shown above.

2.
You need to break it up like this:
CODE
.blogbody {font-family: arial; size: 8pt; color:
#000000; width: 497px; line-
height:11px; background-color:#FFFFFF;
border-left:2px solid; border-right:
2px solid; border-bottom: 2px solid; border-color: #000000;}

With a separate border-color attribute like the above.
thriftstoresecrets
Nov 13 2007, 12:41 PM
Thanks for the feedback. I tried both of the things you suggested, but didn't see results... :( any other ideas?
digitalfragrance
Nov 13 2007, 12:45 PM
I checked your code, and you still didn't place a semi-colon after the last color attribute. Regardless which code is used, there has to be a semi-colon ending it.

"border-color: #000000;}"

But, I think you ought to go back to the way you had it with the #000000 in every border-attribute. However, don't forget the semi-colon.

Anyway, I compared your header code to your blog code. Your header works, so try adding a "Border-top: 0px solid #000000;}" to your .blogbody - that's the only thing that is different between the two.
thriftstoresecrets
Nov 13 2007, 04:07 PM
third time's a charm! haha. so I think I've followed your directions correctly this time, and even compared my blogheader to my blog body, but still without results....
sorry for being a pain..
digitalfragrance
Nov 13 2007, 06:59 PM
Aaaaah crap. So this happened randomly? It was working before?

Random (under .blogbody) - "line-
height:11px;"

Make that "line-height:11px;" (without the space)... Xanga can be sensitive sometimes.
thriftstoresecrets
Nov 14 2007, 12:07 AM
sigh. nope, still not it. any other random ideas?
and thank you so much for you time and patience!
twodreamlovers
Dec 29 2007, 11:19 PM
i think i see the problem.

why do you have
CODE
</textarea></noscript>

after
CODE
<style type=text/css>

?

replace
CODE
<style type=text/css></textarea></noscript>
.blogbody {font-family: arial; size: 8pt; color:
#000000; width: 497px; line-
height:11px; background-color:#FFFFFF;
border-top: 0px solid #ffffff;
border-left:2px solid #1D1D1D;
border-right: 2px solid #1D1D1D;
border-bottom: 2px solid #1D1D1D;}
.caption, .blogheader {
background-image:  ( );
background-color: #FFFFFF;
font: 16px arial;
font-weight: bold;
text-transform: lowercase;
letter-spacing: -2px;
color: #000000;
border-bottom: 0px solid #ffffff;
border-top: 2px solid #1D1D1D;
border-left:2px solid #1D1D1D;
border-right: 2px solid #1D1D1D;
text-align: right;
padding-bottom: 4px;
padding-top: 4px;
padding-right: 5px;
line-height: 100%;
width:497px}
#pnlEnabled table, .htmleditor { width:400px; }
input, option, select{
font-family: arial;  font-size:8pt;
color:#FFFFFF; background:#CCCCCC;
border-top: solid 2px #000000;
border-bottom: solid 1px #1c1c1c;
border-right: solid 1px #1c1c1c;
border-left: solid 1px #d1d1d1;}
.mainleft { display:none; }
</style>


with this
CODE
<style type="text/css">
.blogbody{
font-family:arial;
size:8pt;
color:#000000;
width:497px;
line-height:11px;
background-color:#FFFFFF;
border-top:0px solid #ffffff;
border-left:2px solid #1D1D1D;
border-right:2px solid #1D1D1D;
border-bottom:2px solid #1D1D1D;
}
.caption, .blogheader{
background-color:#FFFFFF;
font-size:16px;
font-family:arial;
font-weight:bold;
text-transform:lowercase;
letter-spacing:-2px;
color:#000000;
border-bottom:0px solid #ffffff;
border-top:2px solid #1D1D1D;
border-left:2px solid #1D1D1D;
border-right:2px solid #1D1D1D;
text-align:right;
padding-bottom:4px;
padding-top:4px;
padding-right:5px;
line-height:100%;
width:497px;
}
#pnlEnabled table, .htmleditor{
width:400px;
}
input, option, select{
font-family: arial;
font-size:8pt;
color:#FFFFFF;
background:#CCCCCC;
border-top:2px solid #000000;
border-bottom:1px solid #1c1c1c;
border-right:1px solid #1c1c1c;
border-left:1px solid #d1d1d1;
}
.mainleft{
display:none;
}
</style>


AND DON'T EDIT ANYTHING! just place it in header.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.