help with putting in slided iamge, kaslkdjpaos Options

[omnitribe]

*sliced / *image (oops i guess you can't edit the title)


hey guys im new here...

and i need some help cause im going f*cking crazy..

here's my site
http://www.myspace.com/omnitribe


i have the sliced html image ready in a table, and i just need to figure out how to plug the tables in where i already have the substituted pictures, on the top banner and also the left side (whatever that's called), eveytime i do it screws up the whole profile. also i compromised the layout given in the thread called "myspace band layout tutorial" and added some of my own codes cause i couldn't figure out the top banner. any help would be very much appreciated. thank you.


and here's what i have as far as html

CODE

{LAYOUT}
<style type="text/css">

{This makes the body table transparent.}
{*NOTE* - If you do not want your background table transparent, change "transparent" to a color}
table, tr, td{background-color:transparent;}

{This allows you to change the background image and color.}
body, body.bodycontent{
background-color: ffffff;
background-image:url(http://i40.tinypic.com/2uxu786.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
overflow-x: hidden;
}

{Edits main text properties}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:ffffff;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}

{Changes heading and name text properties.}
{*NOTE* - If you don't want this affecting all header codes, create another code section with the class that you want to edit.}
.orangetext15, text, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:ffffff;
font-size:8pt;
font-weight:normal;
font-style:normal;
text-decoration:none;
text-transform:none;
font-family:arial;
}

{Changes link properties.}
a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:ffffff;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{Changes link hover properties.}
a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:FFFFFF;
font-size:8pt;
font-weight:bold;
font-style:normal;
text-decoration:none;
text-transform:bold;
font-family:arial;
}

{Ensures alignment. Do not alter this code in any way unless you are changing the font.}
p {margin: 0px 0px 1em 0px; font-family: arial !important}
body>div {margin-left: 0px;}
table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
table table table td {background-color:transparent;margin:0px;padding: 0 0px 0px 0px}
table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {
background-color: transparent;
border: 0 solid;
border-color: transparent;
width: 100%;
}

{Keeps music player in place. Take this part of the code out if you intend on moving your music player around.}
object {position:relative; z-index:1;}

body td table, body div table {margin-top: 0px;}
.a {hide URL label}
.a {hide top links}
.a {unhide navigation bar}
.navbar {visibility:visible;}

{Hides left side tables.}
.contactTable {display: none;}
.orangetext15 {display: none;}
.navigationbar {display: none;}
.userprofileurl {display: none;}
.whitetext12 {display: none;}
img {border:0px;}

{Gets rid of unnecessary borders.}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}
table table table table div {visibility:hidden;}
div table table table table table div input, div a, td.text div {visibility:visible;}

{TOP BANNER}
<style>
.i, div.clearfix i i i {display:none;}
{!- cross browser centering -!}
div {position:relative; top:0px;}
div div {height:700px; background-color:transparent !important;}
div div.profileWidth, table div div, div table div {height:auto;}
div div span {position:absolute; left:50%; margin-left:-400!important;}
{!- make room in div div span for Banner -!}
div div span{height:700px; width:800px;}
{! apply banner as bkgd image !}
div div span{background-image:url(http://i43.tinypic.com/fa55vm.jpg);
background-position:center center; background-repeat:no-repeat;}
{!- reverse -!}
div.profileWidth span, table div div span{height:auto; width:auto; background-image:none; position:static !important; margin-left:0px !important}
</style>




{LEFT SIDE}
<style type="text/css">
.tg_left {position:absolute; top:1350px; margin-left:-400px; left:50%; width:330px; height:450px; background-color:ffffff; z-index:2;}
</style>


{COMMENTS MOVED}
<div class="tg_left">
<img src="http://i41.tinypic.com/bf58ih.jpg">
</div>

<span class="off">!-Start Block to Shift Comments To Center-!</span>
<style>
{!-Change the top px value as needed. This is distance B on the chart-!}
table.friendscomments {position:relative; left:50%; left:165px; top:5px;}
table.friendscomments {width:450px !important;}
table.friendscomments td, table.friendscomments table {width:100% !important}
table.friendscomments table table td {width:auto !important;}
</style>
<span class="off">!-END Block to Shift Comments To Center-!</span>


{NAME IMAGE}
<STYLE type=text/css>
footer{POSITION :static;}
</STYLE>

<style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>

<style type="text/css">
.nametext {
display:block;
background-repeat:no-repeat;
background-position:left;
height:400px;
width:330px;
background-image:url(http://i39.tinypic.com/103x7v9.jpg);
padding: 0;
margin: 0;
text-indent: -9999px;
}</style>

<span class="off">!-Below style block works with additional code added to headline-!</span>
<style>
{!-text next to and under profile image-!}
table.T {display:none;}
{!-hide quote-!}
table table table table td.text font strong {display:none;}
</style>

<style>
{! remove profile image !}
table table table table td.text a img {display:none;}
{! recover contact table link images !}
table table table.contactTable table td.text a img {display:block;}
{! recover right side images !}
table table td.text table table td.text a img {display:block;}
</style>


<style>
{! hide genre !}
table table table td.text font strong{display:none}

</style>


{BLOG IMAGE}
<style>
.latestBlogEntry .btext {
background-image:url("http://i41.tinypic.com/zl9cmu.jpg");
background-repeat:none;
background-position:left;
height:50px;
display:block;
font-size:0px;
line-height:1px;
color:ffffff;
}
</style>