Friends / Comments Help in DIV Layout Options

[f1reman]

I'm almost done with my profile, but I'm having a couple problems:

1. "All/Online/New" links in "Friends" section are the wrong color
2. "Displaying X of X comments" in "Comments" section are the wrong color
3. Time/Date for each comment in "Comments" section is the wrong color
4. My "Comments" section stretches all the way to the bottom of the screen, and I'd like to raise the bottom of the box up a little bit

It's a 1.0 profile, and everything is arranged PERFECTLY, except for those 4 things above. Please help!

Here's the relevant code:

About Me:

CODE

.friends
{
position:absolute;
top:1190px;
margin-top:20px;
background-color:000000;
height:40px;
width:794px;
padding:14 15 7 27px;
color:DDDDDD;
}

.friendSpace
{
width:794px;
position:absolute;
margin-left:-568px;
top:1417px;
padding:0 15 0 27px;
background-color:000000;
}

.comments
{
position:absolute;
top:1507px;
margin-top:20px;
background-color:000000;
height:40px;
width:794px;
padding:14 15 7 27px;
color:DDDDDD;
}

.friendsComments
{
width:794px;
position:absolute;
top:1743px;
margin-left:-567px;
background-color:000000;
color:DDDDDD;
}

Who I'd Like to Meet:

CODE

<div class="friends">
<h2>My Friends</h2>
</div>

<div class="comments">
<h2>Comments</h2>
</div>

NOTE: I created my own headings (.friends, .comments) to hide the default headings for those two sections. Each section is a black box, and the background of the page is gray.

Any help is GREATLY appreciated!

[Mickey]

Use this code to fix all the colour issues:

CODE

<style>
.redlink, .friendlink, .friendtext {color:DDDDDD!important;}
.friendsComments td.text td b, .redtext {color:DDDDDD!important;}
.blacktext10 {color:DDDDDD!important;}
</style>

The first line is for the friend links, the second is for the comment count and the third is for the time stamp. Not quite sure what you mean by your fourth question but if you want to add padding to the bottom of your comments, try this:

CODE

<style>
.friendsComments {padding-bottom:25px;}
</style>