Layout Coding help, CSS malfunction Options

[protos]

This site is xanga.com/shatterd_mask

Every where there is red, there is a problem.

I am using this code to change the background

<!-- begin code provided by createblog.com --><br /><br />body { background-color: #ffffff; background-image:url(http://img462.imageshack.us/img462/8814/bubbles8eo.jpg);<br />background-repeat: no-repeat; <br />background-position: bottom right;<br />background-attachment: fixed;  <br /><!-- end code provided by createblog.com -->

but when I added that, it disable the rest of the stylesheet.

here's what is in the Custom Header right now

<!-- begin code provided by createblog.com --><br /><font style="font-family: verdana; color: #000000; font-weight: normal; font-style: normal; line-height: 19px; font-size: 45px; letter-spacing: 0px;">♥don't pop my rainbow♥<BR></font style><BR><br /><br /><style type="text/css"><br /><br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url(http://img420.imageshack.us/img420/184/float9ua.gif);<br /> background-repeat: yes;<br /> background-position:center;<br />font-family: verdana;<br />text-transform: uppercase;<br />font-size:18px;<br />line-height:25px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #000000;<br />}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #000000;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #000000;<br />font:normal 11px verdana;<br />background-color: ffffff;<br />font-color:#000000;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br /><br />  text-align: center;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url(http://img420.imageshack.us/img420/184/float9ua.gif);<br />  background-color:none;<br />  color: #000000;<br />  font: bold 10pt verdana;<br />  text-transform: none;<br />  text-align:center;<br />border: #000000 1px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:FFFFFF;<br />border: #000000 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: verdana;<br />font-weight:normal;<br />font-size:9pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: verdana;<br />BORDER: #000000 1px solid;<br />width:400px;}<br /><br />a:link{line-height: 9pt; font-family: verdana;font-weight:normal; color:#00FFFF; text-transform:none;font-size:9pt; cursor:crosshair;}<br />a:active{font-family: verdana; color:#00FFFF; text-transform:none;font-size:9pt;}<br />a:visited{font-family: verdana; color:#00FFFF; font-size:9pt; }<br />A:hover { BORDER: #000000 1px solid; background:url(http://img420.imageshack.us/img420/184/float9ua.gif); text-decoration: none;font-family:verdana;color:#000000;text-transform: uppercase; font-weight:bold;font-size:8pt}</style><br /><!-- end code provided by createblog.com -->

Nothing is in the Website Stats.

I want was was in the first codebox to work and I want the background of the modules to be white

Can anyone help me?

[talcumpowder]

Try this.

<!-- begin code provided by createblog.com --><br /><font style="font-family: verdana; color: #000000; font-weight: normal; font-style: normal; line-height: 19px; font-size: 45px; letter-spacing: 0px;">♥don't pop my rainbow♥<BR></font style><BR><br /><br /><style type="text/css"><br />body { background-color: #ffffff; background-image:url(http://img462.imageshack.us/img462/8814/bubbles8eo.jpg);<br />background-repeat: no-repeat; <br />background-position: bottom right;<br />background-attachment: fixed;  <br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url(http://img420.imageshack.us/img420/184/float9ua.gif);<br /> background-repeat: yes;<br /> background-position:center;<br />font-family: verdana;<br />text-transform: uppercase;<br />font-size:18px;<br />line-height:25px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #000000;<br />}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #000000;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #000000;<br />font:normal 11px verdana;<br />background-color: ffffff;<br />font-color:#000000;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br /><br />  text-align: center;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url(http://img420.imageshack.us/img420/184/float9ua.gif);<br />  background-color:none;<br />  color: #000000;<br />  font: bold 10pt verdana;<br />  text-transform: none;<br />  text-align:center;<br />border: #000000 1px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:FFFFFF;<br />border: #000000 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: verdana;<br />font-weight:normal;<br />font-size:9pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: verdana;<br />BORDER: #000000 1px solid;<br />width:400px;}<br /><br />a:link{line-height: 9pt; font-family: verdana;font-weight:normal; color:#00FFFF; text-transform:none;font-size:9pt; cursor:crosshair;}<br />a:active{font-family: verdana; color:#00FFFF; text-transform:none;font-size:9pt;}<br />a:visited{font-family: verdana; color:#00FFFF; font-size:9pt; }<br />A:hover { BORDER: #000000 1px solid; background:url(http://img420.imageshack.us/img420/184/float9ua.gif); text-decoration: none;font-family:verdana;color:#000000;text-transform: uppercase; font-weight:bold;font-size:8pt}<br /></style><br /><!-- end code provided by createblog.com -->

[ http://www.xanga.com/nyah_tests ]

[protos]

Your example site shows my problem. Whenever I add

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br />body { background-color: #ffffff; background-image:url(http://img462.imageshack.us/img462/8814/bubbles8eo.jpg);<br />background-repeat: no-repeat; <br />background-position: bottom right;<br />background-attachment: fixed;  <br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

to the stysheet, it disables the rest of the stysheet.

In the stysheet, whenever you hover over a link it changes drastically (font size, color, background picture)

In your example, it doesn't do that.

Thank you for your help though!

[talcumpowder]

Because the tag isn't closed.

<!-- begin code provided by createblog.com --><br /><font style="font-family: verdana; color: #000000; font-weight: normal; font-style: normal; line-height: 19px; font-size: 45px; letter-spacing: 0px;">♥don't pop my rainbow♥<BR></font style><BR><br /><br /><style type="text/css"><br />body { background-color: #ffffff; background-image:url(http://img462.imageshack.us/img462/8814/bubbles8eo.jpg);<br />background-repeat: no-repeat; <br />background-position: bottom right;<br />background-attachment: fixed;}  <br />/* edits the date */<br />div.blogheader, .caption {<br /> background-image: url(http://img420.imageshack.us/img420/184/float9ua.gif);<br /> background-repeat: yes;<br /> background-position:center;<br />font-family: verdana;<br />text-transform: uppercase;<br />font-size:18px;<br />line-height:25px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#ffffff;<br />text-align:center;<br />border:1px solid #000000;<br />}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />  font-weight: bold;<br />  color: #000000;<br />  }<br /><br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #000000;<br />font:normal 11px verdana;<br />background-color: ffffff;<br />font-color:#000000;<br />        }<br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br /><br />  text-align: center;<br />  }<br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />  background-image: url(http://img420.imageshack.us/img420/184/float9ua.gif);<br />  background-color:none;<br />  color: #000000;<br />  font: bold 10pt verdana;<br />  text-transform: none;<br />  text-align:center;<br />border: #000000 1px solid;<br />;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:FFFFFF;<br />border: #000000 1px solid;<br /> }<br /><br />font,td,p,xmp{color:#000000;<br />font-face: verdana;<br />font-weight:normal;<br />font-size:9pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />  width:0px; <br />  padding-left: 0px;<br />  } <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: verdana;<br />BORDER: #000000 1px solid;<br />width:400px;}<br /><br />a:link{line-height: 9pt; font-family: verdana;font-weight:normal; color:#00FFFF; text-transform:none;font-size:9pt; cursor:crosshair;}<br />a:active{font-family: verdana; color:#00FFFF; text-transform:none;font-size:9pt;}<br />a:visited{font-family: verdana; color:#00FFFF; font-size:9pt; }<br />A:hover { BORDER: #000000 1px solid; background:url(http://img420.imageshack.us/img420/184/float9ua.gif); text-decoration: none;font-family:verdana;color:#000000;text-transform: uppercase; font-weight:bold;font-size:8pt}<br /></style><br /><!-- end code provided by createblog.com -->

Works now.

[protos]

oh...duh!

gosh, how could I not think to check that.

THANKS!!