help on background for layout Options

[animephantasm]

Hey I am new there for I don't know if I am posting in the right place or the right way so anyway I wassnted to see if anyone could help me with my layout. It is pretty good but the one thing I can't get right is that I don't want the backgroung picture to repeat. I want it in the middle with a black background and it movie along with the scroll bar. so if posable could someone halp me?

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><script type='text/javascript'><br />// intro splash page by micron<br />// for more xanga scripts and help go to createblog.com<br />// change this url to an image of your choice<br />var image ='http://img235.imageshack.us/img235/6710/asdriygbel3gk.png;<br />function enterSite() {<br />document.getElementById('splash').style.display = 'none';<br />var content = document.getElementsByTagName("center");<br />for (var i=0; i<content.length;i++) {<br />content[i].style.display = 'block';<br />}<br />return false;<br />}<br />if (document.title.slice(-10) == 'Xanga Site') {<br />document.write('</span></center><style type="text/css"> center {display:none;} .image {border:1px solid #dcdcdc;} </style><table height="100%" width="100%" id="splash"><tr><td align="center" valign="middle" style="text-align:center !important;"><a href="#" onclick="return enterSite();"><img src="'+ image +'" border="0" class="image"></a></td></tr></table><center><span>');<br />}<br /></script><br /><!-- end code provided by createblog.com --><br /><IMG SRC="http://img485.imageshack.us/img485/7350/yaminomatsuei0fw.png" STYLE="filter:Blur(strength=30)"><br /><style type="text/css"><br />body {<br />background-color: black;<br />background-image: url(http://img375.imageshack.us/img375/152/untitledl1rg.png);<br />background-repeat: repea;staict; <br />background-attachment: fixed; <br />background-position: center;static;<br />scrollbar-arrow-color: #000000;<br />scrollbar-track-color: #006633;<br />scrollbar-shadow-color: #000000;<br />scrollbar-face-color: #000066;<br />scrollbar-highlight-color: #006633;<br />scrollbar-darkshadow-color: #000066;<br />scrollbar-3dlight-color: #006633; <br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 12px Century Gothic;<br />line-height:12px;<br />color: #00FFFF;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br />table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: impact;<br />text-transform:lowercase;<br />font-size:23px;<br />line-height:30px;<br />font-weight:bold;<br />filter: alpha (opacity=250, finishopacity=0, style=3);<br />height: 1px;<br />background-color: #006633;<br />color: #000066;<br />letter-spacing:1px;<br />text-align: center;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#00FF00;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited, {<br />/* edits the links that the user has visited */<br />color:#6000BF; <br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#FF0000;<br />cursor: ne-resize;<br />text-decoration: none;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 5px solid #000000;<br />font:normal 12px Century Gothic;<br />background-color: transparent;<br />letter-spacing:0px;<br />color: #FFFF40;<br />}<br />table.left { <br />/* this edits the menu module */<br />border: 5px solid #000066;<br />width:160px;<br />background-color: transparent;<br />}<br />table.blogbody {<br />/* this edits the other the place where the blog is */<br />border: 5px solid #000000;<br />background-color: transparent;<br />width:400px;<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: none;<br />background-color: transparent;<br />font: bold 12px century gothic;<br />text-transform: uppercase;<br />color: #fff40;<br />border: #006633;<br />}<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />background-image: none;<br />background-color: transparent;<br />border: none;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: transparent; <br />border: 5px solid #006633;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />border: 0px solid #006633;<br />}<br />hr {<br />/* horizontal divider */<br />border: 5px solid #006633;<br />}<br /></style><br /><BODY style="border-bottom: #006633<br />20t solid; border-top: #006633<br />20t solid; border-left: #000066<br />20t solid; border-right: #000066<br />20t solid"></TBODY><br /><!-- Blink Boxes : Provided by blogring --><br /><script language=JavaScript><br /><!--<br />//blink boxes - xanga.com/add_ons<br />//by sean f [url=http://www.xanga.com/seanmeister]http://www.xanga.com/seanmeister[/url]<br />//fixed to work with new security measures by<br />//hotaru_01 [url=http://www.xanga.com/hotaru_01]http://www.xanga.com/hotaru_01[/url]<br />// customize by changing the values below<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("#000000","#000066","#006633");<br />// the border color<br />var blinkBorderColor = "#000000"<br />// the border width, in pixels<br />var blinkBorderWidth = 1;<br />// the # of rows<br />var blinkRows = 3;<br />// the # of columns<br />var blinkCols = 40;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 575;<br />// the height of each row, in pixels<br />var blinkRowHeight = 10;<br />// speed of blinking, in milliseconds<br />var blinkRate = 3;<br />// do not edit below this line<br />st=setTimeout;<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />}<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />st('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--><br /></SCRIPT><br /><!-- End Script by blogring --><br /><!-- end code provided by createblog.com -->

also if i posted this wrong could i get some help with that

[gelionie]

Topic Split and Merged with posts in other topics.