BACKGROUND image Options

[bittersweetmelod...]

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img.photobucket.com/albums/v287/5iveminutes/chocolatecanmakeyourclothesshrink.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:286px; height:189px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

i want to change my background picture to this one:



and this is my myspace code right now:

<a href="http://community.webshots.com/user/jamieatworld"><center><u><b><font size="3">Summer Pictures</font></u></b></a>

<P><tr align="center" valign="center"><td colspan="4"
bgcolor="black">
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input
name="friendID" value="12053993" type="hidden">
<textarea name="f_comments" class="Skem9box"></textarea><br
/><input type="submit" value="Post-It."
class="Skem9sub"><br /><input type="reset"
value="Let's Start Over." class="Skem9sub"></form>

<center><style type="text/css">
textarea.Skem9box {width:200px;
height:150px;color:black;font-size:10pt;font-family:Lucida
Sans
Unicode;background-image:url(http://img.photobucket.com/albums/v287/5iveminutes/tomefromyou.jpg);
background-position:center; background-repeat:repeat;}
input.Skem9sub
{color:black;font-size:10pt;font-family:Lucida Sans
Unicode;background-image:url(http://img.photobucket.com/albums/v287/5iveminutes/tomefromyou.jpg);
background-position:center; background-repeat:repeat;}

<div
class="hidefs"><table><tr><td><table><tr><td>
<END CUSTOM FRIEND SPACE />input.Skem9res {}</style></center>

<style type="text/css">.section1:before { content: "Body Properties"; }body {background-color:black;background-image:url('http://img.photobucket.com/albums/v287/5iveminutes/bear.jpg');background-position:bottom left;background-repeat:repeat;background-attachment:fixed;}.section2:before { content: "Table Section Properties"; } table, tr, td {background:transparent; border:0px;}table table table {background-color: cd5c5c;}table table table {border-width:2px;border-color:000000;border-style:solid;}table table table table {border:0px;}.section3:before { content: "Text and Link Properties"; }input {background-color:transparent !important;}td, span, div, input, a, table td div div font,body div table tbody tr td font {font-family:arial !important; font-size:11px !important; line-height: 10px !imprtant}td, span, div, input, table td div div font,body div table tbody tr td font {color: ffffff !important;}.nametext, .whitetext12, .lightbluetext8, .orangetext15, .blacktext12,.redtext, .redbtext, .btext {color:000000 !important;}.blacktext10 { font-family:arial; color:ffffff ;background-color:ff6a6a;width:275px;text-align:right;border-style:solid;border-width:1px;border-color:0000ee;font-size:20pt;letter-spacing:0px;line-height:16px; } a {color:000000 !important; text-decoration: lowercase!important; font-family:arial !important; nt-style: normal !important; font-weight: normal !important; text-transform: uppercase !important; }a:hover {color:ffc1c1 !important; text-decoration:underline!important; font-style: normal !important; font-weight: normal !important; text-transform: uppercase !important; }</style><STYLE TYPE="text/css">BODY{scrollbar-face-color:cd5c5c; scrollbar-shadow-color:000000; scrollbar-highlight-color:000000; scrollbar-3dlight-color:000000;scrollbar-darkshadow-color:000000; scrollbar-track-color:cd5c5c; scrollbar-arrow-color:000000}</STYLE><style type="text/css">.blogbody i, .standard i, p i, i{font-weight: italic;font-family: georgia;color: FFFFFF;}</style><style type="text/css">.blogbody u, .standard u, p u, u {font-weight: bold;letter-spacing: -1px;color: ff7f00;}</style><style type="text/css">.blogbody b, .standard b, p b, b {font-weight: bold;color: ffc1c1;}</style>



<style type="text/css">
.contactTable {
width:300px !important; height:150px !important;
background-image:url("http://img.photobucket.com/albums/v287/5iveminutes/hersheys.jpg");
background-repeat:no-repeat; background-color:transparent;
background-attachment:scroll; background-position:bottom center;
padding:0px !important;}
.contactTable table, table.contactTable td {
background-color:transparent; background-image:none;
padding:0px !important;}

.r{}
.contactTable a img {visibility:black; border:0px !important;}
.contactTable .text {font-size:1px !important;}
</style>


<P><center><a
href="http://home4.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=12053993&FriendCount=168&userName=Jamie
Eat
World&Mytoken=907E9498-8B62-1546-B1E91453475B03D652209783"
class="redlink">View All of Jamie Eat World's
Friends.</a></td></tr><tr align="right"
valign="center">
<td colspan="4" bgcolor="ffffff"></td>
</tr></table>


so everytime i try putting in my new image url, my tables cover my image up so that theyre behind everything...does that make sense? how can i get my image to show up only once?

[cgrosso]

you mean you want that image to be in the bottom left corner? you would just go inot the first part of the layout you gave..

CODE

<style type="text/css">
table table table td {vertical-align:top ! important;}
span.blacktext12 {
visibility:visible !important;
background-color:transparent;
background-image:url("http://img.photobucket.com/albums/v287/5iveminutes/chocolatecanmakeyourclothesshrink.jpg");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:286px; height:189px; display:block !important; }
span.blacktext12 img {display:none;}
</style>

and change the

CODE

background-position:center center;

to

CODE

background-position:bottom left;

idk, im not really sure what your asking?