div overlay help, I've read the tutorials and the help sections but I still can' Options

[xXAznCutehXx]

I've been trying to change a regular site layout into a myspace layout. Yes I've seen the tutorials and comment boxes provided but my problem are the comments themselves NOT the comment BOX. (and some other problems too )

My site has a few problems:

1) The old profile still shows up at the side
2) My comment box works, but the comments themselves won't show up
3) It looks like the layout was split in half near the middle horizontally (you can see a little bit of the old profile seeping through and that's where the comments sort of disappear- and the main layout graphics are cut off)
4) The searchbar at the top (need to get rid of it if possible)
5) The stats for the "topic" name aren't showing up. For example, in the code it's supposed to have one set of dashed lines around the topic name, but right now there isn't anything. Also, it won't let me use bold in my navigation bar...

Since I just joined myspace yesterday, I copy pasted a few table codes that were supposed to get rid of the old profile. I don't know which ones are messing the layout up and which ones are actually helping.
and I know the comments box and comments code work because the first time I tried, they showed up but there was a gap between the main layout and the bar layout that continues the main one

site: My Profile

The basic layout is supposed to look like this: MAIN LAYOUT

This is the coding- and it's all under "I'd Like to Meet" section:

<title>Social Butterfly</title>

<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px ; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<div class="bg" style="position: absolute; left:0px; top:120px; width:1024px; height:600px; overflow: hidden;">
<img src="http://img.photobucket.com/albums/v669/Kutiekueen/main.jpg"border=0>
</div>


<style>
.comments{
display: visible;
background: transparent;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:transparent;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:transparent !important;
width:100px;
padding:1;
}
table table table table td{
background: transparent !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:transparent !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:transparent;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}



table div font a, table div div, table table div font a, table table div div
{
background: transparent !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12, .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none; text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: transparent;}
</style>

<font color="..000000"><font face="tahoma">

<div id="Layer2" style="position:absolute; width:200px; z-index:3; left: 36; top: 150">

<br>

<p class="nav"><b>NaVigAti0n</b></p>

<a href="http://home.myspace.com/index.cfm?fuseaction=user">{Home}</a> <br>

<a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=84528097">{Comments}</a> <br>

<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=84528097">{Message Me}</a> <br>

<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=84528097">{Be mah Buddeh!}</a> <br>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=84528097">{See my Picx0rZ}</a><br>

<a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=84528097&MyToken=0688b345-500b-4cb9-a51d-9bbb563406f1">{All o mah buddehs ^^}</a><br>

<p class="nav"><b>BoUt ME</b></p>
<center><img src="http://img.photobucket.com/albums/v669/Kutiekueen/animate-digicharat.gif">
<br><br>&hearts; <b>CaLLed:</b> Nanhee
<br>&hearts; <b>AKA:</b> aNiM3 M4nI4K
<br>&hearts; <b><3z:</b> a <u>WHOLE LOTTA</u> anime, listening to music, playing games, behing Kingdom Hearts addicted, drawing, making graphics... (now i just need adobe or photoshop x.x), bubbles, any SPARKLEH stuff, YUMMY stuff, cAAAnnnDDYyy, and SHINEH stuff~!! =P
<br>&hearts; <b> no like</b> working... cleaning...hw...fights...the basics =)
<br>&hearts; <b>MuXic:</b> My Chemical Romance, Greenday, and a lot of specific songs
<br>&hearts; <b>LoKation:</b> probably lost somewhere... go call 4 help x.x

<p class="nav"><b>Cr3ditz</b></p>
<b>Image :</b> Aethereality <Br>
<b>Original Layout By :</b> Fire Princess <br>
<b>Brushes : </b>Fairy Dust<br>
<b>Layout at :</b> Kaiyosei <br>
<b>New Myspace Layout: </b>All me

<br>
<br>

<div id="Layer1" style="position:absolute; width:472px; height:329px; z-index:4; left: 222; top: 435">


<p class="title"><b>Comments</b></p>

<form method="post" action="http://collect.myspace.com/index.cfm?fuseaction=user.confirmComment"><input name="friendID" value="84528097" type="hidden"><textarea name="f_comments" cols="40" rows="4" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color:FAA1B5;" style="overflow:auto;">Chat here bout stuff~!</textarea><BR>

<input value="add comment" style="border-width: 1px; border-style: solid; border-color: 000000; font-family: arial; font-size: 10px; color: 000000; background-color: FFE3EA;" type="submit"></form></center>

<div class="comments" style="position: absolute;">

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

<style>.blacktext10{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase;}
.redtext{font-family:small fonts; font-size:9px; color:000000; font-weight:none;border:0px; text-transform: uppercase; }
</style>


<div style="position:relative; height:0px; overflow:none; border:0px;"> <div class="friends"> <table><tr><td> <table><tr><td>

</div>

Any help is appreciated ^^

[freeflow]

Take out the search bar script. It prevents your div words from showing. Just leave the search bar and stuff up there. It isn't that bad.

For your comments you have to position them around.

I can't see your profile its private.

CODE

div table form tr td {visibility:hidden!important; height:0px!important;}
div table form tr td, a.navbar, font{visibility:hidden!important; height:0px!important;}
table tr td div div {visibility:hidden;border:0px!important;background-color:transparent;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}

prevents your div text from showing up.

Your about me codes are fine to me.

<title>Social Butterfly</title>

Is irrelevant. Thats for websites not myspace.

CODE

<style type="text/css">body, p, td {font-family: tahoma;
font-size: 10; line-height:15px; color: ..000000;cursor:crosshair}

.title
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}

.nav
{
color: ..630922;
padding: 2px;
border: ..630922 1pt dashed;
background-image: none;
}
</style>

<body bgcolor="#000000" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg">

Move that about <div class="main" ... or put it in about me. Try not to put style tag codes in divs. It makes your coding more unorganized. If you move it to about me in your preview it won't show right but it will on the actual profile.

CODE

style type="text/css">
<!-- --> --> --> --> --> --> A { cursor:default } A:link { text-decoration: none; color:#000000 } A:visited { text-decoration: line-through; color:#000000 } A:active { text-decoration: line-through; color:#000000 } A:hover { text-decoration:line-through; color:#000000} -->
</style>

<style>
.comments{
display: visible;
background: ffffff;
}
table table td.text table td.text tbody table tbody td table td {display: none !important;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none !important;}

</style>

<style>
.nametext {display: none !important;}
div div table tr td a.navbar, div div table tr td font {display: none !important;}tr {background:ffffff;}
table div font a, table div div {display: visible !important;}
table table div font a, table table div div
{display: visible !important;}
table table td.text table td.text table table tbody td table, span.btext

{display: none !important}
table table td.text table td.text tbody table tbody td table td {display:

none !important;}

table table {
border:none;
background-color:ffffff !important;
width:100px;
padding:1;
}
table table table table td{
background: ffffff !important;
width:290px;}


table table table table{
border: none;
width:290px;
background-color:ffffff !important;
align:right;
padding:1;
align:center;}

div div table td td font {visibility: hidden;}

p, table, tr, td, th, div{
border: 0px;
background:ffffff;
FONT: 10px arial; COLOR: 000000;
LETTER-SPACING: 0px; TEXT-ALIGN: justify
}
body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

body
{background-image:url("http://img.photobucket.com/albums/v669/Kutiekueen/bg.jpg");
background-attachment:scroll;
Background-position: left;
background-repeat:repeat-y;
background-color:ffffff;
cursor: normal; align: center;
scrollbar-base-color: ..630922;
scrollbar-face-color: ..FFFFFF;
scrollbar-track-color: ..FFFFFF;
scrollbar-arrow-color: ..630922;
scrollbar-highlight-color: ..630922;
scrollbar-3dlight-color: ..FFFFFF;
scrollbar-shadow-color: ..FFFFFF;
scrollbar-darkshadow-color: ..630922;}

table div font a, table div div, table table div font a, table table div div
{
background: ffffff !important;
width: 290px;
}

li, h1, h2, .redtext, font, .navbar, .lightbluetext8, .blacktext12,  .whitetext12, .orangetext12, .nametext{FONT: 11px/11px arial; COLOR:000000; LETTER-SPACING: 0px; TEXT-ALIGN: justify;}

.blacktext10 {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:000000; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
}


a:hover.pic img {filter:alpha(opacity=80);}
a.pic img {filter:none;}

.header {
FONT-WEIGHT: normal; FONT-SIZE: 18; PADDING-BOTTOM: 2pt; PADDING-TOP: 0pt; COLOR:CAD67A; border-bottom:000000 0px solid; FONT-FAMILY: arial; TEXT-DECORATION: none;  text-align: center; letter-spacing: 0.0em;
z-index: 3;
}

.content{
background-color: ffffff;}
</style>

Move above the main div or in about me. As I said before you don't need css in divs.


The following can possibly hide your divs:

body div div table td { display: none }
.navibar {display: none }
.navbar { display: none; }
div div table
tr td a.navbar, div div table tr td font {display: none;}
.hidethem {visibility:hidden; display:none;}

and

div div table td td font {visibility: hidden;}

So remove one at a time till your text comes back. Make sure your text isn't set to white.

I think everything else is fine.