slicing help, helphelphelphelp Options

[kariiissa]

ok so i have made a layout.
link : layout.

and where it says home add message and all that i have sliced it in image ready and put the urls in and then saved the optimized. then after that i am lost

where do you get the codes to put into your div?
ahhh im so lost

please help.

[kariiissa]

ahh yes please image map it if you click the first link i ever gave you you will see that it is now all messed up :[

i dont know walkwhjakl
like heres the whole code







<style type="text/css">
table table,table table table table,table table{background-color:transparent;width:300px;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.redtext,.blacktext12,
lightbluetext8,strong,.blacktext10,.nametext,div b font font, div font font u,table table table table, table table table table td.text, td.text td.text table,table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a, table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
</style>
<style type=text/css>

body {
background-color: ######;
background-image: url("");
background-position: bottom right;
background-repeat: no-repeat;
background-attachment: fixed;
scrollbar-arrow-color:######;
scrollbar-track-color: ######;
scrollbar-shadow-color: ######;
scrollbar-face-color:######;
scrollbar-highlight-color:######;
scrollbar-darkshadow-color:######;
scrollbar-3dlight-color:######;}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color: ######; background-color: ######; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea
{font:normal 9px arial; color:######; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{class for the basic font for the page}
.text {font:normal 9px arial; color:ffffff; font-weight:none; border:0px; text-transform: none; line-height:12px;}

{style for the number of comments you have. The actual ..}
.redtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{style for the number of friends you have.}
.redbtext{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Blurbs”, “About Me”, “Who I’d like to Meet”, “Friend Space”, and “Friend’s Comments” style}
.orangetext15{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px;}

{”General”, “Music”, “Movies”, “Television”, “Books”, “Heros”, “Status”, “Here for”, “Hometown”, “Body Type”, “Ethnicity”, “Religion”, “Sign”, “Smoke/Drink”, “Children”, “Education”, “Occupation”, and “Income” title style}
.lightbluetext8{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

{”Contacting”, “Interests”, “Details”, and “Schools” title styling}
.whitetext12{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”In your extended network” style}
.blacktext12{font-family: arial; color: ######; font-weight: bold; font-size: 20px; letter-spacing: -2px; }

{Stylizing of your name above your picture }
.nametext{font-family: arial; color: ######; font-weight: bold; font-size: 30px; letter-spacing: -3px; line-height: 35px;}

{date stamp on comments}
.blacktext10{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{This is how all anchor points will be displayed; anchor points appear before all links.}
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{”View all friends” and “invite more” link style}
a.redlink{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.redlink:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }
a.redlink:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{2 links in very top on the left, and the 13 links above your picture with make the navigation bar}
a.navbar{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a.navbar:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
<style>Body{background-color:ffffff;}</style>
{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }

</style>
<div class="bg" style="position: absolute; left:0px; top:165px; width:800px; height:800px; overflow: hidden;">
<img src="http://i43.photobucket.com/albums/e378/ic0nzzz/layout-2.jpg">
</div>
<div class="content" style="position: absolute; left:390px; top:400px; width:400px; height:400px; overflow: auto;">
slhawhah i hope this workies
</div>
<style>
.{hiding the bottom links}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
</style>
<style>td td object {position:absolute; left:0px; top:0px; display:block; width:0px; height:0px;}</style>

<table id="Table_01" width="800" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i14.tinypic.com/2hi8cxu.gif" width="800" height="667" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i12.tinypic.com/2zpoc5u.gif" width="410" height="133" alt=""></td>
<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=09ee648d-d4db-4475-af25-1349ac1de117">
<img src="http://i12.tinypic.com/2rma6uc.jpg" width="42" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="http://i13.tinypic.com/2evz01y.jpg" width="48" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833
">
<img src="http://i3.tinypic.com/48z3v3l.jpg" width="92" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i18.tinypic.com/4chu160.gif" width="10" height="133" alt=""></td>
<td>
<a href=" http://collect.myspace.com/index.cfm?fusea...riendID=8764833
">
<img src="http://i12.tinypic.com/2m2x63o.jpg" width="100" height="25" border="0" alt=""></a></td>
<td>
<a href=" http://viewmorepics.myspace.com/index.cfm?...riendID=8764833
">
<img src="http://i12.tinypic.com/4dwf3w7.jpg" width="82" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i12.tinypic.com/47uot4w.gif" width="16" height="133" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i3.tinypic.com/2hdab6r.gif" width="182" height="108" alt=""></td>
<td colspan="2">
<img src="http://i16.tinypic.com/4ginh91.gif" width="182" height="108" alt=""></td>
</tr>
</table>



that is everything i have put in there.

[EnderSSoGC]

CODE

<div class="bg" style="position: absolute; left:0px; top:165px; width:800px; height:800px; overflow: hidden; z-index:0;">
<table id="Table_01" width="800" height="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="http://i14.tinypic.com/2hi8cxu.gif" width="800" height="667" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i12.tinypic.com/2zpoc5u.gif" width="410" height="133" alt=""></td>
<td>
<a href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=09ee648d-d4db-4475-af25-1349ac1de117">
<img src="http://i12.tinypic.com/2rma6uc.jpg" width="42" height="25" border="0" alt=""></a></td>
<td>
<a href=" [url=http://collect.myspace.com/index.cfm?fusea...riendID=8764833]http://collect.myspace.com/index.cfm?fusea...riendID=8764833[/url]
">
<img src="http://i13.tinypic.com/2evz01y.jpg" width="48" height="25" border="0" alt=""></a></td>
<td>
<a href=" [url=http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833]http://mail.myspace.com/index.cfm?fuseacti...riendID=8764833[/url]
">
<img src="http://i3.tinypic.com/48z3v3l.jpg" width="92" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i18.tinypic.com/4chu160.gif" width="10" height="133" alt=""></td>
<td>
<a href=" [url=http://collect.myspace.com/index.cfm?fusea...riendID=8764833]http://collect.myspace.com/index.cfm?fusea...riendID=8764833[/url]
">
<img src="http://i12.tinypic.com/2m2x63o.jpg" width="100" height="25" border="0" alt=""></a></td>
<td>
<a href=" [url=http://viewmorepics.myspace.com/index.cfm?...riendID=8764833]http://viewmorepics.myspace.com/index.cfm?...riendID=8764833[/url]
">
<img src="http://i12.tinypic.com/4dwf3w7.jpg" width="82" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="http://i12.tinypic.com/47uot4w.gif" width="16" height="133" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="http://i3.tinypic.com/2hdab6r.gif" width="182" height="108" alt=""></td>
<td colspan="2">
<img src="http://i16.tinypic.com/4ginh91.gif" width="182" height="108" alt=""></td>
</tr>
</table></div>

THAT is your background code.