Log In · Register

 
 
Closed TopicStart new topic
my old layout has got some bugs, I need help restoring a very very old layout
thriftstoresecre...
post Nov 13 2007, 09:04 AM
Post #1


Senior Member
***

Group: Member
Posts: 34
Joined: Apr 2004
Member No: 11,224



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
post Nov 13 2007, 12:09 PM
Post #2


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043



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.
 
thriftstoresecre...
post Nov 13 2007, 12:41 PM
Post #3


Senior Member
***

Group: Member
Posts: 34
Joined: Apr 2004
Member No: 11,224



Thanks for the feedback. I tried both of the things you suggested, but didn't see results... :( any other ideas?
 
digitalfragrance
post Nov 13 2007, 12:45 PM
Post #4


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043



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.
 
thriftstoresecre...
post Nov 13 2007, 04:07 PM
Post #5


Senior Member
***

Group: Member
Posts: 34
Joined: Apr 2004
Member No: 11,224



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
post Nov 13 2007, 06:59 PM
Post #6


Adobe Addict
******

Group: Staff Alumni
Posts: 1,237
Joined: Mar 2005
Member No: 113,043



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.
 
thriftstoresecre...
post Nov 14 2007, 12:07 AM
Post #7


Senior Member
***

Group: Member
Posts: 34
Joined: Apr 2004
Member No: 11,224



sigh. nope, still not it. any other random ideas?
and thank you so much for you time and patience!
 
twodreamlovers
post Dec 29 2007, 11:19 PM
Post #8


always<3.
****

Group: Official Designer
Posts: 242
Joined: Mar 2006
Member No: 387,714



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.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: