Adding Comments to my DIV layout, HELP! i've tried everything Options

[crunkosaurus]

Hello everyone, i'm in need of some help.....

I have a div layout (it can be viewed http://www.myspace.com/bodyarttattoo_pburgh" target="_blank">here) I can't for the life of me figure out how to show my comments within my div - i've triend everything. I wouldn't mind having my top friends show either.

here's my code:


<style>div div table tr td a.navbar, div div table tr td font {display: none;}
.contacttable{display:none}
.nametext{display:none}
table, td, tr, table td td td td, table tr tr tr tr, table div, div{visibility:visible !important}
</style>
<div class='navigationbar' style='background-color:white; position: absolute; left:50%; top:125px; margin-left: -400px; width: 800px; height: 32px; visibility:visible !important'>
<table width='800' height='32' border='0' cellspacing='0' cellpadding='0'>
<tr valign='middle'>
<td valign='center'>
<ul class="newnav">
<li>
<a href=http://home.myspace.com/index.cfm?fuseaction=user>home</a></li>
<li>
<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=104623145">message</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=104623145">add</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=104623145&public=1">favorite</a></li>
<li><a href="http://comments.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=104623145&Mytoken=fb384e34-9529-43ff-bfe0-69ea9950d53f">view comments</a></li>
</ul>
</td></tr></table></div>


<div class="main">
<p>
<table style="width:800px; height:auto; cellpadding:0px; cellspacing:0px;background-color:FFFFFF; visibility:visible !important">
<tr><td valign="top">
<div class="sidebar">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=104623145"><img src="http://i89.photobucket.com/albums/k216/devastating/bodyart.jpg" border="0"></a><br />
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=104623145">View More Pictures</a><br><br><p>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="104623145" type="hidden"><textarea name="f_comments" style="width: 150px; height: 100px; background-color: white; font-family: arial; font-size: 10px; "></textarea><br><input type="submit" value="comment"></form>



</div>
<div class="content">
<span style="font-size:22pt; font-family:century gothic; letter-spacing:-2pt; color:978958; border-bottom:1px dotted; border-color:978958; text-transform:lowercase;">Body Art Tattoo</span><BR><BR>
<b>Body Art Tattoo</b>
<br>14 Margaret St. Plattsburgh, NY. 12901 (<a href="http://www.mapquest.com">Need directions?</a>)
<br>Phone- (518)561-5979 <p>
<center><b>Hours</b><br>Monday-Thursday: Noon-10pm
<br>Friday-Saturday: Noon-2am
<br>Sunday: Noon-8pm</center><p>
<br><b>At Body Art you'll see</b>: <br>-autoclave sterilization of all equipment <br>-sterile single-use needles, disposed of in your presence <br>-latex and/or nitrile gloves (for our protection as well as yours)
<hr>
For portfolio work and more information on the shop and our Burlington location, check our website: <a href="http://www.bodyarttattooinc.com">www.bodyarttattooinc.com</a> Tattoos and piercings by experienced professionals! Beautiful work done in a friendly, comfortable and sterile environment. We're open every day, so you don't need to go anywhere else!<br><center>
<hr><br>
Artists-<p>
<img src="http://i89.photobucket.com/albums/k216/devastating/ryan.gif"><br>Ryan "Rizzle" Cogswell-Manager and Tattoo Artist Extrodinare
<p><img src="http://i89.photobucket.com/albums/k216/devastating/todd.gif"><br>Todd "ODH" Lamere- Tattoo Artist Extrodinare
<p><img src="http://i89.photobucket.com/albums/k216/devastating/quinn.gif"><br>Quinn "The Eskimo" Shabow- Piercing and Tattoo Artist Extrodinare
<p><img src="http://i89.photobucket.com/albums/k216/devastating/dan.gif"><br>Dan O.- Piercing Jackie- Apprentice </center>

</div>
</td></tr></table></div>
<style type="text/css">
td td object {visibility: hidden;}
body {
font-family: verdana, arial, sans-serif;
font-size: 11px;
background-color: FFFFFF;
background:url(http://i89.photobucket.com/albums/k216/devastating/tattoo.jpg);
background-color: ddddd; scrollbar-arrow-color: 000000; scrollbar-face-color: ffffff; scrollbar-3dlight-color: 000000; scrollbar-darkshadow-color: ffffff; scrollbar-shadow-color:000000; scrollbar-highlight-color:000000; scrollbar-track-color:ffffff; cursor: crosshair;}
table, td {background-color:fffff;}
.main{
position:absolute;
left:50%;
top:157px;
width:800px;
z-index:1;
margin-left:-400px;
background-color:FFFFFF;}
.main a:link, .main a:active, .main a:visited {
color: 9D051a;
text-decoration: none;
font-size: 13px;
font-weight: none;}
.main a:hover {
color: ccc;}
p, li {
font-size: 11px;
color: 2E2E2E;
text-transform:lowercase;}
.newnav {
margin: 11px 0 20px 0;
padding: 0;
text-transform: lowercase;
letter-spacing: -1px;
background-color:978958;
border-bottom:3px solid;
border-color:978958;}
.newnav a {
font-size: 11px;
color:fcce8c!important;}
.newnav a:hover {
color: 000000 !important;
text-decoration:none}
.newnav .active {
color: fcce8c !important;}
.newnav li {
list-style: none;
display: inline;
margin: 0 0 0 13px;}
.sidebar {
float: right;
width: 200px;}
.content {
float: left;
width: 500px;
padding: 0 0 0 28px;}
textarea {
background-color: DFDFDF;
border: 1px solid;
border-color: DFDFDF;
color: 959595;
padding: 3px;
overflow: hidden;}
input {
background-color: DFDFDF;
color: 000000;
border: 1px solid;
border-color: DFDFDF;}
.comt td td td table, .btext, .orangetext15, .redlink {display:none;
}
.comt td td td {visibility:visible; background-color:transparent !important; border:0px; width:100%;
}
.comt, .two{display:none
}
</style>
<div class=two style="position:relative; height:0px; overflow:hidden; border:0px;"><table><tr><td><table><tr><td>

[*WHIMSICAL 0NE*]

Well, I would suggest using bbz comments. It's what I use.

Here's what you need to do:
Remove the comment controls you have in your code (if you don't know where/what they are I can do it for you)

Now, at the end of your Who I'd like to meet add this:

CODE

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

Since you want to keep your top 8 place this is your About me:

CODE

<style>.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt .orangetext15{display:none;} .comt td b, .blacktext10 {display:block;} .comt table, .comt td b, .comt .btext, .redlink{position:relative; top:-9px;} .comt {z-index:7;}

.comt {width:450px; height:400px; overflow:auto; background-color:white; background-image:url(url_to_pic.gif); border:1px solid; border-color:black;
position:absolute; top:400px; left:50%; margin-left:-100px;}
</style>

Don't change the first portion of the second code. But in the second portion change width, heigh, background-color, and the position of the div.

[crunkosaurus]

man, it's not working.

maybe it's becaiuse i use firefox?

idk, can you check out my code for me and see what im doing wrong?

[*This Confession*]

I'm messing around with your coding now, I'll see what I can do. I got the comments to show and all but I'm going to have to change around your coding to actually make them visible on top of the top layer and stuff, could you tell me where you would like your comments to be if I figure this out?

[crunkosaurus]

I'm messing around with your coding now, I'll see what I can do. I got the comments to show and all but I'm going to have to change around your coding to actually make them visible on top of the top layer and stuff, could you tell me where you would like your comments to be if I figure this out?

if you could put the comments centered at the very bottom after all th artist pictures i would be truley amazing, i will love you forever if you figure this out.

XOCARLY

[*This Confession*]

hah
Figured it out, took me a few minutes though.

want them in a scroll box or no?


PS_

friends and comments show just read your PM

[crunkosaurus]

hah
Figured it out, took me a few minutes though.

want them in a scroll box or no?

thanks you so so so so much.

and nawh, a scroll box isn't nessisary, but whatevs easiest.

as long as it looks great, i dont mind!

ox

[*This Confession*]

ah
well this is how it looks

http://www.myspace.com/stenciled_hearts

I'm going to change the color of the comments background to white..
I can't get rid of the bottom links I don't think though
When I try, I've tried a lot of different ones it gets rid of the whole profile..

[crunkosaurus]

ah
well this is how it looks

http://www.myspace.com/stenciled_hearts

I'm going to change the color of the comments background to white..
I can't get rid of the bottom links I don't think though
When I try, I've tried a lot of different ones it gets rid of the whole profile..

totally awesome!!!! i don't mind about the bottom links at all.

can you stech the box out so it's the same width as the white above it?

LOOOOVVVE <33333

ps - no pm as of right now??

[*This Confession*]

I just changed it to the as far as it would want to go
if I went as far as the big table it would move all the content at the very top and move it down.

Anyway your codes.

ABOUT ME:

CODE

<style>div div table tr td a.navbar, div div table tr td font {display: none;}
.contacttable{display:none}
.nametext{display:none}
.orangetext15{display:none}
table, td, tr, table td td td td, table tr tr tr tr, table div, div{visibility:visible !important}
</style>
<style>body{background-color:ffffff;}</style>
<Style>table table table {border: 1px solid; border-color:ffffff; padding:0; background-color:ffffff;}table tbody td table tbody tr td.text table{background-color:ffffff;}</style>
<div class='navigationbar' style='background-color:white; position: absolute; left:50%; top:125px; margin-left: -400px; width: 800px; height: 32px; visibility:visible !important'>
<table width='800' height='32' border='0' cellspacing='0' cellpadding='0'>
<tr valign='middle'>
<td valign='center'>
<ul class="newnav">
<li>
<a href=http://home.myspace.com/index.cfm?fuseaction=user>home</a></li>
<li>
<a href="http://mail5.myspace.com/index.cfm?fuseaction=mail.message&friendID=104623145">message</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=104623145">add</a></li>
<li><a href="http://collect.myspace.com/index.cfm?fuseaction=user.addToFavorite&friendID=104623145&public=1">favorite</a></li>
<li><a href="http://comments.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=104623145&Mytoken=fb384e34-9529-43ff-bfe0-69ea9950d53f">view comments</a></li>
</ul>
</td></tr></table></div>


<div class="main">
<p>
<table style="width:800px; height:auto; cellpadding:0px; cellspacing:0px;background-color:FFFFFF; visibility:visible !important">
<tr><td valign="top">
<div class="sidebar">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=104623145"><img src="http://i89.photobucket.com/albums/k216/devastating/bodyart.jpg" border="0"></a><br />
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=104623145">View More Pictures</a><br><br><p>

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="104623145" type="hidden"><textarea name="f_comments" style="width: 150px; height: 100px; background-color: white; font-family: arial; font-size: 10px; "></textarea><br><input type="submit" value="comment"></form>



</div>
<div class="content">
<span style="font-size:22pt; font-family:century gothic; letter-spacing:-2pt; color:978958; border-bottom:1px dotted; border-color:978958; text-transform:lowercase;">Body Art Tattoo</span><BR><BR>
<b>Body Art Tattoo</b>
<br>14 Margaret St. Plattsburgh, NY. 12901 (<a href="http://www.mapquest.com">Need directions?</a>)
<br>Phone- (518)561-5979 <p>
<center><b>Hours</b><br>Monday-Thursday: Noon-10pm
<br>Friday-Saturday: Noon-2am
<br>Sunday: Noon-8pm</center><p>
<br><b>At Body Art you'll see</b>: <br>-autoclave sterilization of all equipment <br>-sterile single-use needles, disposed of in your presence <br>-latex and/or nitrile gloves (for our protection as well as yours)
<hr>
For portfolio work and more information on the shop and our Burlington location, check our website: <a href="http://www.bodyarttattooinc.com">www.bodyarttattooinc.com</a> Tattoos and piercings by experienced professionals! Beautiful work done in a friendly, comfortable and sterile environment. We're open every day, so you don't need to go anywhere else!<br><center>
<hr><br>
Artists-<p>
<img src="http://i89.photobucket.com/albums/k216/devastating/ryan.gif"><br>Ryan "Rizzle" Cogswell-Manager and Tattoo Artist Extrodinare
<p><img src="http://i89.photobucket.com/albums/k216/devastating/todd.gif"><br>Todd "ODH" Lamere- Tattoo Artist Extrodinare
<p><img src="http://i89.photobucket.com/albums/k216/devastating/quinn.gif"><br>Quinn "The Eskimo" Shabow- Piercing and Tattoo Artist Extrodinare
<p><img src="http://i89.photobucket.com/albums/k216/devastating/dan.gif"><br>Dan O.- Piercing Jackie- Apprentice </center>

<div class="comments"><table><tr><td><table><tr><td>

</div>
</td></tr></table></div>
<style type="text/css">
td td object {visibility: hidden;}
body {
font-family: verdana, arial, sans-serif;
font-size: 11px;
background-color: FFFFFF;
background:url(http://i89.photobucket.com/albums/k216/devastating/tattoo.jpg);
background-color: ddddd; scrollbar-arrow-color: 000000; scrollbar-face-color: ffffff; scrollbar-3dlight-color: ffffff; scrollbar-darkshadow-color: ffffff; scrollbar-shadow-color:ffffff; scrollbar-highlight-color:ffffff; scrollbar-track-color:ffffff; cursor: crosshair;}
table, td {background-color:fffff;}
.main{
position:absolute;
left:50%;
top:157px;
width:800px;
z-index:1;
margin-left:-400px;
background-color:FFFFFF;}
.main a:link, .main a:active, .main a:visited {
color: 9D051a;
text-decoration: none;
font-size: 13px;
font-weight: none;}
.main a:hover {
color: ccc;}
p, li {
font-size: 11px;
color: 2E2E2E;
text-transform:lowercase;}
.newnav {
margin: 11px 0 20px 0;
padding: 0;
text-transform: lowercase;
letter-spacing: -1px;
background-color:978958;
border-bottom:3px solid;
border-color:978958;}
.newnav a {
font-size: 11px;
color:fcce8c!important;}
.newnav a:hover {
color: 000000 !important;
text-decoration:none}
.newnav .active {
color: fcce8c !important;}
.newnav li {
list-style: none;
display: inline;
margin: 0 0 0 13px;}
.sidebar {
float: right;
width: 200px;}
.content {
float: left;
width: 500px;
padding: 0 0 0 28px;}
textarea {
background-color: DFDFDF;
border: 1px solid;
border-color: DFDFDF;
color: 959595;
padding: 3px;
overflow: hidden;}
input {
background-color: DFDFDF;
color: 000000;
border: 1px solid;
border-color: DFDFDF;}
</style>

WHO ID LIKE TO MEET:

CODE

<div style="height:200px;width:550px;overflow:auto"> <table><tr><td><table><tr><td>

Tell me when your done, and I'll remove this so no one else takes your profile or something. Also its pretty neat, I like the idea of it. I also like the fonts and colors. SO neat job too.

[crunkosaurus]

thankkkkkk you so so so so so much, you were a fantastic help.

OXOXOXOX

btw - wich part controlls the size of the scroll bos? i wanna fiddle a bit

[*This Confession*]

for the comments

just the stuff in the who id like to meet part

<div style="height:200px;width:550px;overflow:auto"> <table><tr><td><table><tr><td>

you can change the height and width

Your welcome as well Deary.