Forums > The CSS code has failed me.

Full Version: The CSS code has failed me.

Forums > Resource Center > Support Center > Xanga Support > Xanga Resolved Topics

novemberwind

Mar 31 2008, 03:14 AM

For some strange reason, even though I'm sure my code is correct, the different colors for the bold and italic words won't follow through, the date and blog titles aren't according to the code, and all my entries are smaller than they are supposed to me.

Here's the code:

CODE

<script type="text/javascript">document.title = "love me yesterday;;novemberwind."</script>

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

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:600px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, 

table.footer, .search, .searchbarborder 
{display: none;} 
</style>


<style type="text/css">
/* love me yesterday */
/* Featuring the cover of Margaret by SakuraMerryMen */
/* put up on Marsh 31, 2008 */
/* novemberwind aka Alexandra */
body 
{cursor: default;
background-image: url();
background-repeat: repeat-x;
background-position: top left;
background-color: #D3B96E;

table.blogbody {
width:550px;
font-family: Arial;
font-weight: none;
font-size: 8pt;
color: #633816;
text-align: justify;
padding: 0px;
margin-top: 2px;

div.blogheader, .caption {
font-family:times;
text-transform:lowercase;
font-size:19px;
line-height:5px;
font-weight:bold;
color:#9C8C31;
letter-spacing:2px;
background-color: #FFFFFF;
text-align: left;
}

h4 
{background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
font: italic 12pt arial;
text-transform: lowercase;
line-height: 5px;
color: #9C8C31;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 7px;
padding-bottom: 9px;
border: none;}

.blogbody b, .standard b, p b, strong {
color: 9C8C31;
}

div.blog {
width:550px;
margin-left:25px;
margin-top:0px;
background-color:transparent;

i, em 
{font-weight: italic;
color: #9C8C31;}

u 
{text-decoration: none;
color: #9C8C31;
border-bottom: 1px solid #9C8C31;}

hr 
{color: #9C8C31;}

select, iframe.htmleditor, .button 
{border: 1px solid #9C8C31;
font: normal 8pt arial;
background-color: #FFFFFF;
font-color: #633816;}

textarea, .textfiled, input 
{background-color: #FFFFFF;
font: normal 7pt tahoma;
color: #633816;
line-height: 9pt;
border: 1px solid #9C8C31;}

.navheader 
{background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
font: bold 14pt tahoma;
text-transform: uppercase;
line-height: 14px;
color: #633816;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 6px;
padding-bottom: 10px;
border: none;}
 
.section 
{font: normal 8pt arial;
color: #633816;
line-height: 12pt;
text-align: right;
background-color: none;
border: none;}

font,td,p,xmp
{color: #633816;
font-family: arial;
font-weight: normal;
font-size: 8pt;
text-align: justify;
line-height: 12pt;}

table.blogbody tr td 
{width: 0px; 
padding-left: 0px;} 

table.blogbody 
{font: normal 8pt verdana;
color: #633816;
line-height: 12pt;
text-align: justify;
background-color: none;
border: none;
width: 700px;}

a:link
{font: normal 8pt arial;
color: #9C8C31;
line-height: 12pt;
text-transform: bold;
text-decoration: none;
cursor: default;}

a:active
{font: normal 8pt verdana;
color: #9C8C31;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:visited
{font: normal 8pt verdana;
color: #9C8C31;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:hover 
{font: normal 8pt verdana;
color: #9C8C31;
line-height: 12pt;
text-transform: bold;
text-decoration: none;
cursor: default;}
</style>


<table width="650" height="100%" cellpadding="0" cellspacing="0" border="0" align="center" 

style="background: url(http://img172.imageshack.us/img172/8400/lovemeyesterdaybackgroutw3.jpg) 

repeat-y center; border: 0px solid #FFFFFF;">

<tr><td width="650" height="656">
<img src="http://img245.imageshack.us/img245/900/lovemeyesterdaydc2.jpg">
</td></tr>

<tr><td width="650"><center>
<table width="600" height="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td width="575"><div align="left"><img 

src="http://img151.imageshack.us/img151/5273/su14bn1.png" hspace="3" vspace="3" align="left"><a 

href="http://www.xanga.com/">home</a>.<a href="http://www.xanga.com/signin.asp">enter</a>.<a 

href="http://www.xanga.com/private/home.aspx">yours</a>.<a 

href="http://www.xanga.com/CLAF">edit</a>.<a 

href="http://www.xanga.com/private/SubscribeTo.aspx?user=novemberwind">watch</a>.<a 

href="http://www.xanga.com/logout.asp">leave</a><br>
The girl known as <b>novemberwind</b> online and <b>Alexandra</b> offlin - celebrates another 

revolution around the sun every <b>November 13th</b>, has been writing entries since <b>9.8.2003</b>, 

and drinks too much milk. She's ready to leave <b>Lowell</b> for <b>BU</b>, but it's still under heavy 

debate. When she's not listening to too much <b>Ellegarden</b>, <b>Base Ball Bear</b>, <b>Asian Kung-

Fu Generation</b>, <b>ART-SCHOOL</b>, <b>Straightener</b>, or any other of her favorite artists, she 

dwindles away time on AIM on the username <b>novewind</b>. The picture is the album cover of 

"Margaret" by SakuraMerryMen; the title is from the tip of the tongue. There's nothing worse that a person 

with too much time on their hands, too much work to do, and a serious lack of motivation.</div>
</td></tr></table></center>
</td></tr>
<tr><td>
<div class="blogbody" style="width: 550px; margin-left: -175px; margin-top: 0px;">

Notice anything strange? I modified it based off my old layout code:

CODE

<script type="text/javascript">document.title = "Spring Wind;;"</script>

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

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:500px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, .search, .searchbarborder 
{display: none;} 
</style>


<style type="text/css">
/* Dakishimetai */
/* I want to embrace you */
/* Inspired by the song by Base Ball Bear */
/* features Orihime from Bleach */
/* 2005 Bleach Calendar Scan! */
/* novemberwind aka Alexandra */
body 
{cursor: default;
background-image: url();
background-repeat: repeat-x;
background-position: top left;
background-color: #C3D3D3;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-shadow-color: #C3D3D3;
scrollbar-face-color: #C3D3D3;
scrollbar-highlight-color: #FFFFFF;
scrollbar-darkshadow-color: #B9CA8A;
scrollbar-3dlight-color: #FFFFFF;}

div.blogheader, .caption 
{background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
font: italic 12pt tahoma;
text-transform: lowercase;
line-height: 30px;
color: #B9CA8A;
letter-spacing: 2px;
background-color: none;
text-align: center;
border: none;}

h4 
{background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
font: bold 14pt tahoma;
text-transform: uppercase;
line-height: 15px;
color: #B9CA8A;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 7px;
padding-bottom: 9px;
border: none;}

b, strong 
{font-weight: bold;
color: #B9CA8A;}

i, em 
{font-weight: italic;
color: #B9CA8A;}

u 
{text-decoration: none;
color: #B9CA8A;
border-bottom: 1px solid #B1608E;}

hr 
{color: #B9CA8A;}

select, iframe.htmleditor, .button 
{border: 1px solid #954D7C;
font: normal 8pt verdana;
background-color: #F7E7EB;
font-color: #DC96BE;}

textarea, .textfiled, input 
{background-color: #FFFFFF;
font: normal 7pt tahoma;
color: #648888;
line-height: 9pt;
border: 1px solid #954D7C;}

.navheader 
{background-image: url();
background-repeat: no-repeat;
background-position: bottom center;
font: bold 14pt tahoma;
text-transform: uppercase;
line-height: 14px;
color: #648888;
letter-spacing: 2px;
background-color: none;
text-align: left;
padding-left: 6px;
padding-bottom: 10px;
border: none;}
 
.section 
{font: normal 8pt verdana;
color: #648888;
line-height: 12pt;
text-align: right;
background-color: none;
border: none;}

font,td,p,xmp
{color: #648888;
font-family: verdana;
font-weight: normal;
font-size: 8pt;
text-align: justify;
line-height: 12pt;}

table.blogbody tr td 
{width: 0px; 
padding-left: 0px;} 

table.blogbody 
{font: normal 8pt verdana;
color: #DC96BE;
line-height: 12pt;
text-align: justify;
background-color: none;
border: none;
width: 700px;}

a:link
{font: normal 8pt verdana;
color: #B9CA8A;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:active
{font: normal 8pt verdana;
color: #B9CA8A;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:visited
{font: normal 8pt verdana;
color: #D6E0BB;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}

a:hover 
{font: normal 8pt verdana;
color: #D6E0BB;
line-height: 12pt;
text-transform: none;
text-decoration: none;
cursor: default;}
</style>


<table width="800" height="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="background: url(http://img263.imageshack.us/img263/9416/backgrounddakishimetaivg7.jpg) repeat-y center; border: 0px solid #FFFFFF;">
<tr><td width="800" height="379">
<img name="Dakishimetai" src="http://img261.imageshack.us/img261/7661/dakishimetaira5.jpg" width="800" height="379" border="0" id="Dakishimetai" usemap="#m_Dakishimetai" alt="" /><map name="m_Dakishimetai" id="m_Dakishimetai">
<area shape="rect" coords="653,330,719,354" href="http://www.xanga.com/logout.asp" title="And you leave me all alone. *emo*" alt="And you leave me all alone. *emo*" />
<area shape="rect" coords="553,331,619,355" href="http://www.xanga.com/guestbook.asp?user=novemberwind" title="Does anyone use the guestbook anyway?" alt="Does anyone use the guestbook anyway?" />
<area shape="rect" coords="446,332,512,356" href="http://www.xanga.com/private/SubscribeTo.aspx?user=novemberwind" title="Add me because you love me." alt="Add me because you love me." />
<area shape="rect" coords="352,331,418,355" href="http://www.xanga.com/CLAF/default.asp" title="Edit your layout." alt="Edit your layout." />
<area shape="rect" coords="259,332,325,356" href="http://www.xanga.com/private/home.aspx" title="Your own stuff." alt="Your own stuff." />
<area shape="rect" coords="162,331,228,355" href="http://www.xanga.com/signin.asp" title="Sign in, duh." alt="Sign in, duh." />
<area shape="rect" coords="65,331,131,355" href="www.xanga.com" title="Go back. Go waaaay back." alt="Go back. Go waaaay back." />
</map></td></tr>

<tr><td width="800">
<table width="700" height="100%" cellpadding="0" cellspacing="0" border="0" align="center">
<tr><td width="700"><img src="http://img409.imageshack.us/img409/4323/vanillabitchom9.jpg" hspace="3" vspace="3" align="left"> Called <b>Alexandra</b>, but goes by novemberwind online. Born on <b>November 13</b>,
 and the end of my days at <b>Lowell</b> draws near. I haven't had a change in layouts since my birthday in 2005. Forever obsessed with <b>Ellegarden</b>, <b>Base Ball Bear</b>, AKFG, Straightener, and other random Japanese bands.
I've been using Xanga since <b>September 8, 2003</b>; yes, and I will use it until I die. Talk to me on AIM at <b>novewind</b>. This layout was made on April 12, 2007 in the span of an hour and a half. No brushes were used (honestly!) 
because I am a proud <b>Fireworks MX</b> user. I think this is the second layout where I used Orihime from Bleach. I like her because ditzy, and (oh my!) she admits that she's weak (after 113 episodes; I've yet to resume reading the
manga, but oh well). I always work the hardest on Orihime layouts.</td></tr></table>
</td></tr>
<tr><td>
<div class="blogbody" style="width: 750px; margin-left: -50px; margin-top: 0px;">

And that one worked just fine.

What's wrong? Did I modify it too much?

aaayotiffany

Mar 31 2008, 10:35 AM

sometimes you have to change the colors in the look & feel and code it too.
like in my look & feel, i actually have to put the colors of the text/bold/italic/underline in the actual setting as well as code it in my css.

novemberwind

Mar 31 2008, 05:14 PM

I did that, but I want the bold and italicized words to be a different color, not just the color put in on the look and feel. :\

The date and title should be in a different font, be a different size, and a different color, but it just follows what I put in on the look and feel......not what I want.

novemberwind

Apr 3 2008, 02:22 AM

Never mind, I shouldn't have changed my code so much. I went with the old code and re-modified it, and it turned out fine. Somebody can close this :]

libertie

Apr 4 2008, 02:09 PM

Glad you figured it out. :) Will close this now, and towards the end of the night I'll go ahead and move it to the resolved topics forum.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.