Skinny Tables Options

[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.