layout/code issues, blog and bg Options

[vivacious]

cant seem to get the blog onto the bg area =T im pretty sure some other people had this problem too. looked through them and tried all of the solutions, eh. but it doesn't work >_< i think the img src is supposed to be for a banner not a bg cause its acting like a banner thing// i hope i used the codebox right =T

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v236/simplestar/takeawayallmymisery.jpg">;<br /><!--end code provided by createblog.com  --><br /><br /><!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 450px; height: 600px; margin-top: 0px; margin-left: 30px;"><br /><!--end code provided by createblog.com  --><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><!--end code provided by createblog.com  --><br /><br /><br /><style type="text/css"><br /><br />.mainleft, table.footer, table.navigation, HR{ display:none;<br />}body {<br />background-image:url();<br /><br />{background-color: #d2d2d2;<br /><br />.module, .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p, .content, .smalltext, .standard {<br />/* edits main text */<br />font:normal 8px arial;<br />color: #000000;<br />text-align:justify;<br />}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: arial;<br />text-transform:none;<br />font-size:#px;<br />line-height:#px;<br />font-weight:normal;<br />color:#000000;<br />letter-spacing:2px;<br />background-color:#;<br />text-align:center;<br />border:1px solid #;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #808080;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #000000;<br />font:normal 8px Arial;<br />background-color: #FFFFFF;<br />text-transform:;<br />font-color:#COLOR CODE;}<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 />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();<br />background-color:none;<br />color: #FFFFFF;<br />font: bold #pt Arial;<br />text-transform: none;<br />text-align:center;<br />text-transform:;<br />border: #000000 #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#FFFFFF;<br />BORDER: #000000 #px solid;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face: Arial;<br />font-weight:normal;<br />font-size:8pt;<br />text-transform:;<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: Arial;<br />text-transform:;<br />BORDER: #000000 1px solid;<br />width:440px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: #pt; <br />font-family: Arial;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />text-transform:;<br />font-size:8pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: Arial; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt;<br />text-transform:; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: Arial; <br />color:#000000; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:8pt;<br />text-transform:;<br />cursor: crosshair;}<br /><br />A:hover {font-family:Arial;<br />color:#000000;<br />text-transform:; <br />cursor: crosshair; <br />font-weight:bold;<br />text-transform:;<br />font-size:8pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><br /><!-- end code provided by createblog.com -->

thanks in adv. =]

[Pulchritude]

uhh please end the code box like this

CODE

[Codebox]CODEHERE[/Codebox]

and i think you need to use this to postion your blogs

CODE

div style="overflow: auto; width: 400px; height: ##px; margin-top: ##px; margin-left: -10px; align=left; class=blogspace;">