Log In · Register

 
fix comments
pandemonium
post Jul 30 2008, 05:30 AM
Post #1


the name's mario
******

Group: Official Member
Posts: 1,270
Joined: Jun 2008
Member No: 656,520



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>
 

Posts in this topic
rockguy   fix comments   Jul 30 2008, 05:30 AM
Anarchy   Replace your About Me codes with this: CODE<st...   Jul 30 2008, 05:48 AM
rockguy   that's alright... thanks   Jul 30 2008, 06:09 AM
Da1nonlyjon   the following is part of YOUR CODE please do not c...   Jul 30 2008, 11:14 AM
manny-the-dino   Topic Closed & Moved   Jul 30 2008, 01:45 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: