Log In · Register

 
 
Closed TopicStart new topic
how do i center my comments on my page?
msclumsieee
post Nov 26 2007, 06:28 PM
Post #1


Senior Member
***

Group: Member
Posts: 74
Joined: Jun 2005
Member No: 146,847



how do i center my comments table on my page? so that i or anyone else that views my page doesnt have to scroll to the right?

p.s.
just my comments and not my friends list.

here's an example:
http://www.myspace.com/christineconception
 
Marlons
post Nov 26 2007, 07:09 PM
Post #2


Thread Killer
******

Group: Staff Alumni
Posts: 1,012
Joined: Jun 2007
Member No: 530,544



The link gave me a non exsistent profile.
 
msclumsieee
post Nov 26 2007, 07:16 PM
Post #3


Senior Member
***

Group: Member
Posts: 74
Joined: Jun 2005
Member No: 146,847



eh sorry.
http://www.myspace.com/christineconcepcion
 
Marlons
post Nov 26 2007, 07:33 PM
Post #4


Thread Killer
******

Group: Staff Alumni
Posts: 1,012
Joined: Jun 2007
Member No: 530,544



Oh like that yeah my music profile does that.I'll go see if i can find the coding to make it like that.although I think only music profiles do that.
 
msclumsieee
post Nov 30 2007, 03:36 AM
Post #5


Senior Member
***

Group: Member
Posts: 74
Joined: Jun 2005
Member No: 146,847



so were u able to find out how?
 
Insurmountable
post Nov 30 2007, 04:43 AM
Post #6


Cornflakes :D
*******

Group: Staff Alumni
Posts: 4,541
Joined: Dec 2005
Member No: 322,923



To center your friends and comments on the page use this:
CODE
<style>
td {height:0px;}
table div {display:none;}
div table div, table table div {display:block;}
.friendsAndComments {width:800px; position:absolute; left:50%; top:3000px; margin-left:-400px;}
.friendsAndComments table {width:100%; background-color:transparent; border:0px;}
</style>
</td></tr></table>
</td></tr></table>
<div class="friendsAndComments">
<table style="display:none;"><tr><td>
<table><tr><td>


Find the top:3000px; and change the 3000 to a lower number to move the friends and comments up if needed and if they need to move down then just make the number larger.


Only want to center your comments?

Use this:
CODE
<style>
.friendsComments {position:relative; top:0px; left:-300px; width:800px;}
.friendsComments table {width:100%;}
</style>


Like before just change the top number which is this case is 0.


If you want to change the width of the table in either of these scripts change the number in this part of the code width:800px;

If you want the move the table more to the left or right change the number within this:
left:-300px;

(make the number larger, it moves to the left more.)
 

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