Help - Search - Members - Calendar
Full Version: Skinny Tables
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
letsgoxdisco
I need someone to explain exactly how to code the part of the CSS code for skinny layouts. I don't understand what to do with it. Thank you!
miyashu
It would help if you posted your codes so I can see what part is giving you trouble. Thanks.
letsgoxdisco
CODE
table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:1px;
border-color:COLOR HERE;
background-color:COLOR HERE;
}

is this where i put what color i want the table to be?

CODE
TABLE, TD {background-color:transparent;border:none; border-width: 0px; color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; width:350px; text-align:justify;}

TABLE TABLE {background-color:transparent;border: none;color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; text-align:justify;}

TABLE TABLE TABLE {background-color:COLOR HERE;border: 1pt solid;border-color:COLOR HERE;font: bold 8px FONT HERE; height: .01%; width: 100%; padding: 1px; text-transform: uppercase; text-align:justify;}

TABLE TABLE TABLE TABLE {background-color:transparent;border:none;color:COLOR HERE; font: bold 8px FONT HERE; padding: 0px; text-transform: uppercase; text-align:justify;}
TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; color:COLOR HERE; font: normal 8px FONT HERE; padding: 0px; text-transform: uppercase; }

TABLE TABLE TABLE TABLE TABLE TABLE {background-color:transparent; border:none; font: bold 8px FONT HERE; padding: 0px; text-transform: uppercase; }

do i only need to change the font properties? and what is the color part changing? do i make it the same color as the actual table borders?

CODE
TD TD {text-align: normal;}
TD TD TD {text-align: normal;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:justify;}
TD TD TD TD TD {border-top: 1px solid COLOR HERE; text-align:justify;}
TD TD TD TD TD TD {border: 0px solid;}
table table td.text table td.text table table tbody td table, span.btext {display: }
img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1); border: 1;}

i have no clue how to edit this. do i have to do anything?

thank you!
Marlons
No, like post ALL the codes from your about me. Or a link to your myspace so i can get an idea of what you're trying to do.
miyashu
Where I've put "ff0000," that's the color for the borders of all your tables (extended network, about me, friends, comments, etc). Change it to your liking. You can also change the border-style or border-width if you want. The background color here should be transparent, just to make things easier.
CODE
table table { border: 0px }
table table table table{border:0px}
table table table {border-style:solid;border-width:1px;border-color:ff0000;background-color:transparent;}



The background color here is the bg color for your entire profile. The font, font size and font color, however only apply to the normal text in your details table. You can also change the width of your tables in this part, where it says "350px." If you don't want the text in your profile to be capitalized, change 'uppercase' to 'none'
CODE
TABLE, TD {background-color:000000;border:none; border-width: 0px; color:ffffff; font: normal 8px arial; padding: 0px; text-transform: uppercase; width:350px; text-align:justify;}


I cleaned this code a little, because when I tried to change the font, font colors, there was no change at all. So leave this part how it is now.
CODE
TABLE TABLE {background-color:transparent;}
TABLE TABLE TABLE {background-color:transparent; height: .01%; width: 100%; padding: 1px;}
TABLE TABLE TABLE TABLE {background-color:transparent;}
TABLE TABLE TABLE TABLE TABLE {background-color:transparent; }
TABLE TABLE TABLE TABLE TABLE TABLE {background-color:transparent; }


You don't have to worry about this part, just leave it as it is.
CODE
TD TD {text-align: normal;}TD TD TD {text-align: normal;}TD TD TD TD {border-top: 0px solid; width: 1%; text-align:justify;}TD TD TD TD TD {border-top: 0px; text-align:justify;}TD TD TD TD TD TD {border: 0px solid;}table table td.text table td.text table table tbody td table, span.btext {display: }img {filter: progid:DXImageTransform.Microsoft.BasicImage(color=1);  border: 1;}


To be honest, you can't really do much else. UNLESS you have more codes. Did you post all of them?
letsgoxdisco
thank you so much! i understand the rest of it, i just couldn't figure out the table parts. you have helped me very much.
miyashu
You're welcome :D. I'm glad I could help.
S-Majere
Great stuff!

Topic Closed.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.