fix comments Options

[pandemonium]

ok so i made a new layout lol and i need help fixing the comments part
this is the layout Click Here
i want to have the comments with a certain width and high and also make them scrollable
if you look at "table.friendsComments" in the about me section the with and height don't work and for the scroll box i have tried
overflow: auto; &
overflow: scroll;
and none of then work

Edit: and i forgot to ask if there's a code for removing the blank space above "Displaying 2 of 2 comments" oh, and resizing the images posted on comments to a certain percent

and here's the coding
About Me:

CODE

<style type="text/css">
table.profileInfo {display:none;}
table.friendSpace {display:none;}
table.contactTable {display:none;}
table.userProfileURL {display:none;}
table.userProfileDetail {display:none;}
table.userProfileCompany {display:none;}
table.userProfileNetworking {display:none;}
table.interestsAndDetails {display:none;}
table.userProfileSchool {display:none;}
table.extendedNetwork {display:none;}
table.latestBlogEntry {display:none;}
table div table br, div table table br, table table div br {display:block;}
table table table br, table div table td.text table br {display:block;}
table td {height:0px !important;}
table, tr, td { background-color: 3399CC; border:none; border-width:0;}

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
tr {background-color:transparent}



body{
background-color: 3399CC;
cursor:crosshair;
}

.backgroundimg{
position: absolute;
top: 180px;
left: 50%;
margin-left: -495px;
width: 990px;
height: 800px;
z-index: 1;
background-color: transparent;
}

.username{
position: absolute;
top: 190px;
left: 50%;
margin-left: -300px;
width: 350px;
height: 50px;
z-index: 2;
background-color: transparent;
color: ffffff;
font-size: 50px;
font-family: Arial;
}

.navigation{
position: absolute;
top: 250px;
left: 50%;
margin-left: -125px;
width: 200px;
height: 180px;
z-index: 3;
background-color: transparent;
}

.commentbox{
position: absolute;
top: 520px;
left: 50%;
margin-left: -335px;
width: 223px;
height: 80px;
z-index: 4;
background-color: transparent;
}

.aboutme{
position: absolute;
top: 520px;
left: 50%;
margin-left: -30px;
width: 370px;
height: 175px;
z-index: 5;
background-color: transparent;
color: ffffff;
font-size: 10px;
font-family: Arial;
overflow-x: auto;
overflow-y: scroll;
}

.music{
position: absolute;
top: 635px;
left: 50%;
margin-left: -325px;
width: 200px;
height: 100px;
z-index: 6;
background-color: transparent;
}

.friends{
position: absolute;
top: 790px;
left: 50%;
margin-left: -338;
width: 225px;
height: 120px;
z-index: 6;
background-color: transparent;
overflow: none;
color: ffffff;
font-size: 10px;
font-family: Arial;
text-align: center;
}

table.friendsComments {
position: absolute;
top: 770px;
left: 50%;
margin-left: -30px;
width: 150px;
height: 100px;
z-index: 8;
background-color: transparent;
}

.orangetext15 {
display:none;}

.redtext {
color: ffffff;}

a:active,a:visited,a:link,a{
color: ffffff;
font-size: 10px;
margin-top: 1px;
cursor: crosshair;
font-weight: normal;
letter-spacing: 1px;
font-family: tahoma;
text-decoration: none;
text-transform: none;
}

a:hover{
color: ffffff;
font-size: 11px;
margin-top: 1px;
cursor: crosshair;
font-weight: normal;
letter-spacing: 1px;
font-family: tahoma;
text-decoration: none;
text-transform: uppercase;}

.Home
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_home.png);width:200px;height:30px;display:block;}
.Home:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_home_over.png)}

.Add
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_add.png);width:200px;height:30px;display:block;}
.Add:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_add_over.png)}

.Msg
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_msg.png);width:200px;height:30px;display:block;}
.Msg:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_msg_over.png)}

.Pictures
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_pics.png);width:200px;height:30px;display:block;}
.Pictures:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_pics_over.png)}

.Block
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_block.png);width:200px;height:30px;display:block;}
.Block:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_block_over.png)}

.Credit
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_credit.png);width:200px;height:30px;display:block;}
.Credit:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_credit_over.png)}

</style>

Who I'd like to Meet:

CODE

<div class="backgroundimg">
<center><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_galaxy_lyt.png"></center>

</div>



<div class="username">

YOUR NAME

</div>




<div class="navigation">

<a href="http://home.myspace.com/index.cfm?fuseaction=user&amp;MyToken=5e115f82-ca76-45b4-b2d7-579c58945d72" class="Home"></a>
<a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXXX" class="Add"></a>
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXXXX" class="Msg"></a>
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXXXX" class="Pictures"></a>
<a href="http://friends.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXX" class="Block"></a>
<a href="http://www.myspace.com/72072755" class="Credit"></a>

</div>


<div class="commentbox">

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXXXX"><textarea name="f_comments" id="f_comments" style=" background-color:3399CC!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:black!important; width:200px!important; height:60px!important; line-height:17px !important; ">Leave Me A Comment!</textarea><br><input type="submit" value="Submit" style=" width:200px!important; height:15px!important; background-color:3399CC!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:black!important; letter-spacing:1px !important; "></form></center>

</div>


<div class="aboutme">
About me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me

</div>

<div class="music">
<br>
<center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/minime.swf" quality="high" wmode="transparent" flashvars="myid=11339245&path=2008/07/30&mycolor=0B2973&mycolor2=39BBDB&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" width="160" height="68" name="myflashfetish" align="middle"type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" />

</div>




<div class="friends">

<marquee>
<a href="http://www.myspace.com/friendID1"><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" width: 100px; height: 100px;></a>
<a href="http://www.myspace.com/friendID2"><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" width: 100px; height: 100px;></a>
<a href="http://www.myspace.com/friendID3"><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" width: 100px; height: 100px;></a>
<a href="http://www.myspace.com/friendID4"><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" width: 100px; height: 100px;></a>
<a href="http://www.myspace.com/friendID5"><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" width: 100px; height: 100px;></a>
</marquee><br>
<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXXXX">View all friends</a>

</div>

[Mickey]

Replace your About Me codes with this:

CODE

<style>
table.profileInfo {display:none;}
table.friendSpace {display:none;}
table.contactTable {display:none;}
table.userProfileURL {display:none;}
table.userProfileDetail {display:none;}
table.userProfileCompany {display:none;}
table.userProfileNetworking {display:none;}
table.interestsAndDetails {display:none;}
table.userProfileSchool {display:none;}
table.extendedNetwork {display:none;}
table.latestBlogEntry {display:none;}
table div table br, div table table br, table table div br {display:block;}
table table table br, table div table td.text table br {display:block;}
table td {height:0px !important;}
table, tr, td { background: none; border:none; border-width:0;}

a.text, table div font a, table div div {visibility:hidden;}
table table div font a, table table div div {visibility:visible;}
img {border:0px;}
tr {background-color:transparent}



body{
background-color: 3399CC;
cursor:crosshair;
}

.backgroundimg{
position: absolute;
top: 180px;
left: 50%;
margin-left: -495px;
width: 990px;
height: 800px;
z-index: 1;
background-color: transparent;
}

.username{
position: absolute;
top: 190px;
left: 50%;
margin-left: -300px;
width: 350px;
height: 50px;
z-index: 2;
background-color: transparent;
color: ffffff;
font-size: 50px;
font-family: Arial;
}

.navigation{
position: absolute;
top: 250px;
left: 50%;
margin-left: -125px;
width: 200px;
height: 180px;
z-index: 3;
background-color: transparent;
}

.commentbox{
position: absolute;
top: 520px;
left: 50%;
margin-left: -335px;
width: 223px;
height: 80px;
z-index: 4;
background-color: transparent;
}

.aboutme{
position: absolute;
top: 520px;
left: 50%;
margin-left: -30px;
width: 370px;
height: 175px;
z-index: 5;
background-color: transparent;
color: ffffff;
font-size: 10px;
font-family: Arial;
overflow-x: auto;
overflow-y: scroll;
}

.music{
position: absolute;
top: 635px;
left: 50%;
margin-left: -325px;
width: 200px;
height: 100px;
z-index: 6;
background-color: transparent;
}

.friends{
position: absolute;
top: 790px;
left: 50%;
margin-left: -338;
width: 225px;
height: 120px;
z-index: 6;
background-color: transparent;
overflow: none;
color: ffffff;
font-size: 10px;
font-family: Arial;
text-align: center;
}

.comments {
position: absolute;
top: 770px;
left: 50%;
margin-left: -30px;
width: 370px;
height: 140px;
z-index: 8;
overflow: auto;
}

.friendsComments {
background: none;
margin-top: -25px;
}

.orangetext15 {
display:none;}

.redtext {
color: ffffff;}

a:active,a:visited,a:link,a{
color: ffffff;
font-size: 10px;
margin-top: 1px;
cursor: crosshair;
font-weight: normal;
letter-spacing: 1px;
font-family: tahoma;
text-decoration: none;
text-transform: none;
}

a:hover{
color: ffffff;
font-size: 11px;
margin-top: 1px;
cursor: crosshair;
font-weight: normal;
letter-spacing: 1px;
font-family: tahoma;
text-decoration: none;
text-transform: uppercase;}

.Home
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_home.png);width:200px;height:30px;display:block;}
.Home:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_home_over.png)}

.Add
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_add.png);width:200px;height:30px;display:block;}
.Add:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_add_over.png)}

.Msg
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_msg.png);width:200px;height:30px;display:block;}
.Msg:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_msg_over.png)}

.Pictures
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_pics.png);width:200px;height:30px;display:block;}
.Pictures:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_pics_over.png)}

.Block
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_block.png);width:200px;height:30px;display:block;}
.Block:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_block_over.png)}

.Credit
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_credit.png);width:200px;height:30px;display:block;}
.Credit:hover
{float:left;background:url(http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_credit_over.png)}

</style>

And your Who I'd Like To Meet codes with this:

CODE

<div class="backgroundimg">
<center><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/mario_galaxy_lyt.png" /></center>

</div>



<div class="username">

YOUR NAME

</div>




<div class="navigation">

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJmFtcDtNeVRva2VuPTVlMTE1ZjgyLWNhNzYtNDViNC1iMmQ3LTU3OWM1ODk0
WQ3Mg==" class="Home"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhY" class="Add"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFhYWFhY" class="Msg"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtcyZmcmllbmRJRD1YWFhYWFhYWFhY" class="Pictures"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9jay5ibG9ja1VzZXImdXNlcklEPVhYWFhYWFg=" class="Block"></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tLzcyMDcyNzU1" class="Credit"></a>

</div>


<div class="commentbox">

<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="XXXXXXXXXX" /><textarea name="f_comments" id="f_comments" style=" background-color:3399CC!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:black!important; width:200px!important; height:60px!important; line-height:17px !important; ">Leave Me A Comment!</textarea><br /><input type="submit" value="Submit" style=" width:200px!important; height:15px!important; background-color:3399CC!important; background-image: url(http://); background-position: top left; background-attachement: fixed; background-repeat: repeat; border-width:1px!important; border-color:black!important; border-style:solid!important; font-family:Arial!important; font-size:9px!important; font-weight:normal; color:black!important; letter-spacing:1px !important; " /></form></center>

</div>


<div class="aboutme">
About me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me about me

</div>

<div class="music">
<br />
<center><p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="68" width="160" align="middle" border="0" data="http://assets.myflashfetish.com/swf/mp3/minime.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://assets.myflashfetish.com/swf/mp3/minime.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="myid=11339245&path=2008/07/30&mycolor=0B2973&mycolor2=39BBDB&mycolor3=FFFFFF&autoplay=true&rand=0&f=4&vol=100&pat=0&grad=false" />
</object>

</div>




<div class="friends">

<marquee>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2ZyaWVuZElEMQ=="><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2ZyaWVuZElEMg=="><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2ZyaWVuZElEMw=="><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2ZyaWVuZElENA=="><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" /></a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2ZyaWVuZElENQ=="><img src="http://i151.photobucket.com/albums/s135/mario_s09/CB%20layout%20images/friend_pic_100.png" /></a>
</marquee><br />
<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPVhYWFhYWFhYWFg=">View all friends</a>

</div>

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

Unfortunately, your scrollbox only fits your comments. The only way you can get rid of the horizontal scrollbar is by removing your friends' picture next to their comments. Other than that, your problems should be solved.

[pandemonium]

that's alright...
thanks

[Jghelfi]

the following is part of YOUR CODE please do not copy it..

CODE

table.friendsComments {
position: absolute;
top: 770px;
left: 50%;
margin-left: -30px;
[b]width: 150px[/b];
height: 100px;
z-index: 8;
background-color:transparent;
}

where the WIDTH is, CHANGE THAT to a SMALLER NUMBER like 120px..

oh and if you want to remove the Scrollbar in your Comments then add: overflow-y: hidden; to the code..

[manny-the-dino]

Topic Closed & Moved