my old layout has got some bugs, I need help restoring a very very old layout |
![]() ![]() |
my old layout has got some bugs, I need help restoring a very very old layout |
![]()
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! |
|
|
![]()
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. |
|
|
![]()
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?
|
|
|
![]()
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. |
|
|
![]()
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.. |
|
|
![]()
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. |
|
|
![]()
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! |
|
|
![]()
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. |
|
|
![]() ![]() |