Friends / Comments Help in DIV Layout |
Friends / Comments Help in DIV Layout |
![]()
Post
#1
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Sep 2009 Member No: 746,526 ![]() |
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! |
|
|
![]() |
![]()
Post
#2
|
|
![]() Treasure Pleasure ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Head Staff Posts: 11,193 Joined: Oct 2005 Member No: 281,127 ![]() |
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> |
|
|
![]()
Post
#3
|
|
Newbie ![]() Group: Member Posts: 5 Joined: Sep 2009 Member No: 746,526 ![]() |
Use this code to fix all the colour issues: Holy crap, man. You're my new hero! That worked perfectly. As for the "padding" part, I did a pretty awful job of describing it. The way I've got my profile structured, each section is in its own black box over the light gray background. The black boxes aren't touching, so there's a little bit of gray between each section. Anyway, the "Comments" section goes all the way to the very bottom of the screen. There's no gray below it. I tried adding another DIV class below it, adding another row to the table structure, and even adding another table under the original one. Nothing worked. Basically, I'm missing the bottom DIV with the Myspace copyright information. Any ideas? |
|
|
![]() ![]() |