layout change

[meggyewill]

i used a premade layout and in the center my info is in a white box that covers the background picture how do I change this so that the white box becomes transparent? the code is as follows



<style type="text/css">table table table td.text div img {visibility:hidden;} table table table td.text div { background-image:url("http://www.htmate.com/onlineicon/playboy6xu6ob.gif"); background-repeat:no-repeat;} table table table td.text table table div img {visibility:visible;} table table table td.text table table div { background-image:none;}</style>

<style type="text/css"> .contactTable {width:300px !important; height:150px !important; background-image:url("http://www.myspacetweaks.com/contact/1130007176-Sexy-3.jpg); background-repeat:no-repeat; background-color:transparent; background-attachment:scroll; background-position:center center; padding:0px !important;}
.contactTable table, table.contactTable td { background-color:transparent; background-image:none; padding:0px !important; border:0px; border-color: transparent;}
.contactTable a img {visibility:hidden; border:0px !important;}
.contactTable .text {font-size:1px !important;}
.contactTable .text {font-size:1px !important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none !important;}
.contactTable .whitetext12 {display:none;} </style>

<Style type="text/css"> Body{background-color:000000;background-image:url("http://www.3dshop.com/Gallery/Character/731C.jpg");background-position:Top Left;background-attachment:fixed;background-repeat:no-repeat;scrollbar-track-color:000000;scrollbar-face-color:FFFFFF;scrollbar-highlight-color:000000;scrollbar-base-color:000000;scrollbar-DarkShadow-color:000000;scrollbar-Shadow-color:000000;scrollbar-arrow-color:0099FF;} Table, Td{background-color:transparent;border-style:none;} table table td{width:100%;} table table table td{width:auto;} table table table{width:100%;background-color:FFFFFF;border-color:000000;padding:4px;} table table table table{width:auto;border-style:none;} .orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext{color:0099FF;font-size:10pt;font-weight:bold;text-decoration:none;font-style:normal;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{color:000000;font-weight:normal;text-decoration:none;font-weight:normal;font-style:normal;} a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited{color:0099FF;font-weight:normal;text-decoration:line-through ;font-style:normal;} a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active{color:0099FF;font-weight:normal;text-decoration:none;font-style:italic;} </Style>

<style type="text/css">
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table {background-color:transparent!important}
td.text td.text table td {font-size:0}
td.text td.text table table br {display:inline;}
td.text td.text table b, td.text td.text table table td {font-size:8pt}
td.text td.text table table td {padding:2;}
td.text td.text {height:0}
td.text td.text table table table, td.text td.text table br, .rid br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
</style>

<style>
a .text
{
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
</style>

<a href="http://www.surfcodes.com/myspace-editor" target="_blank">Profile Edited by MPS MySpace Editor 2.0</a><a href="http://www.surfcodes.com/"><img src="http://www.surfcodes.com/img/button.gif" style="position:absolute; left:0px; top: 0px;" border="0"></a>

[Drew]

There's more to it than just changing the white to transparent, your going to need to change text colors etc because it won't be readable otherwise.

I don't have the time right at this second to fix everything that will need fixing, but if I remember I'll fix it up when I have a spare few minutes.