skinny help plz Options

[PoeticInsanity]

I used the code from this site (Myspace Scripts) called skinny profile. It works fine, except for one minor thing. It cuts the tables into halves. ex: I'll have "12345578910111213" in a table. That happens to span down several lines (hypothetically). All that remains visible is "12345678." See what I mean? I'm betting it has something to do with a height element, but I'm not sure which to edit. Here is the script.

<style>.contactTable {display:none;}
table table td img {display:none;}
table table table td img {display:inline;}
table td td {width:0px;}

table {width:450px;}
table table {width:auto;}
table table td {padding:3px;}
table table table td {padding:0px;}
table table table {width:220px !important; height:0px;}

td.text td a img {width:auto !important;}
table table table table table,
table table table table table td {
width:0px !important; padding:0px !important;}
td.text a img {width:100px !important;}
td.text td.text a img {width:35px !important;}
td td td div strong {width:170px !important; display:block;}

embed, object {display:block; width:220px; height:38px;}
.orangetext15, .blacktext10 {
display:block; width:110px; font-size:6pt !important;}
td.text td.text .orangetext15,
td.text td.text table table div {display:none;}</style>

[freeflow]

I don't really get it but if you show us maybe?

How about using this code:

CODE

<style type="text/css"> .contactTable {display:none;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:220px !important; height:0px;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} textarea, input, font, a, table, td, div, b {font-size:6pt !important;} span {font-size:7pt !important;} embed, object {display:block; width:220px; height:38px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:6pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>

This part edits the width of the tables:

table table table {width:220px !important; height:0px;}

[PoeticInsanity]

Sure I can show you. Look here. That's my site. The tables stop short of their full length.

[freeflow]

Did you try using the code I gave you above instead?

[PoeticInsanity]

Ok, that worked except for one thing. Now the writing is way too small. I want the font to be about 12pt and the titles just a little larger. I know this will elongate the columns, but I don't mind that.

[*WHIMSICAL 0NE*]

You need to change font-size:7pt;

Do you mean something like this?

CODE

<style>.contactTable {display:none;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:220px !important; height:0px;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} textarea, input, font, a, table, td, div, b {font-size:10pt !important;} span {font-size:10pt !important;} embed, object {display:block; width:220px; height:38px;}
.orangetext15, .blacktext10 { display:block; width:110px; font-size:12pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>

Also, if you want to edit the text more:
http://www.createblog.com/forums/index.php?showtopic=84325

If you need more indepth look at the stylesheet:
http://www.createblog.com/forums/index.php?showtopic=144829

[PoeticInsanity]

Ok, when I edit the fonts, the tables no longer retain their "skinny" size. Also, the tables are again cut short. Appreciating all the all, hope we can get this figure out soon. Thanx again.

[freeflow]

Post your code then. All you had to do with the one I gave was remove this line:

textarea, input, font, a, table, td, div, b {font-size:6pt !important;} span {font-size:7pt !important;}

That would keep everything normal.

[PoeticInsanity]

with that line removed, the tables do not remain as small as they were and they are cut short again.

[freeflow]

When I look at them they are not cut short (but its probably because we use different browsers). That code usually doesn't generate problems, it may be other things you have in your myspace . So I suggest you post your layout code.

[PoeticInsanity]

Here's the code. These are split up because I've copy different codes from different areas. However, when I remove the code to make the tables skinny, the tables are no longer shortened.


<style type="text/css">
{ Alignment by moorepocket }
body{
padding-left: 200px; }
</style>

<Style type="text/css" source="http://www.strikefile.com/" author="Thomas Zwaagstra">
table, tr, td{
background-color:transparent;
border-style:none;
}

table table table, table table table td{
background-color:transparent;
}

body{
background-color:rgb(3,3,3);
background-image:url(http://ic3.deviantart.com/fs11/i/2006/247/4/a/wings_of_an_emo_by_SaintSazzle.jpg);
background-position:center left;
background-repeat:no-repeat;
background-attachment:fixed;
scrollbar-face-color:rgb(51,51,51);
scrollbar-base-color:rgb(51,51,51);
scrollbar-3dlight-color:rgb(0,0,0);
scrollbar-shadow-color:rgb(0,0,0);
scrollbar-darkshadow-color:rgb(0,0,0);
scrollbar-highlight-color:rgb(0,0,0);
scrollbar-track-color:rgb(153,153,153);
scrollbar-arrow-color:rgb(255,255,255);
}

table table table table, table table table td{
background-image:none;
background-color:transparent;
}

body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited{
color:rgb(0,0,0);
font-size:12pt;
font-weight:normal;
font-style:italic;
text-decoration:none;
text-transform:none;
font-family:Monotype Corsiva,sans-serif;
}

.orangetext15, strong, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext{
color:rgb(0,0,0);
font-size:14pt;
font-weight:bold;
font-style:italic;
text-decoration:none;
text-transform:none;
font-family:monotype corsiva,sans-serif;
}

a, a font, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.man font, a.redlink, a.redlink:visited{
color:rgb(0,0,0);
font-size:12pt;
font-weight:normal;
font-style:italic;
text-decoration:underline ;
text-transform:none;
font-family:Monotype Corsiva,sans-serif;
}

a:hover, a:hover font, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.man:hover font, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover{
color:rgb(51,51,51);
font-size:12pt;
font-weight:normal;
font-style:italic;
text-decoration:underline line-through ;
text-transform:none;
font-family:Monotype Corsiva,sans-serif;
}

table table table, div table table{
border-color:rgb(204,204,204);
border-style:solid;
border-width:1px;
background-color:rgb(204,204,204);
opacity:0.6;
..-opacity:0.6;
filter:alpha(opacity=60);
}

table table table table, div table table table{
border-style:none;
}

A IMG{
border-style:none;
}
a </Style>

<style type="text/css"> .contactTable {display:none;} table table td img {display:none;} table table table td img {display:inline;} table td td {width:0px;} table {width:450px;} table table {width:auto;} table table td {padding:3px;} table table table td {padding:0px;} table table table {width:220px !important; height:0px;} td.text td a img {width:auto !important;} table table table table table, table table table table table td { width:0px !important; padding:0px !important;} td.text a img {width:100px !important;} td.text td.text a img {width:35px !important;} td td td div strong {width:170px !important; display:block;} embed, object {display:block; width:220px; height:38px;} .orangetext15, .blacktext10 { display:block; width:110px; font-size:6pt !important;} td.text td.text .orangetext15, td.text td.text table table div {display:none;} </style>


<style type="text/css">
table {direction:rtl;}
table table table {direction:ltr;}
</style>

<style>
.nametext{color:black; font-family:monotype corsiva ;text-decoration: underline;
font-size: 16pt;font-weight:3;letter-spacing:1pt;border: none;
line-height:18pt;background-color:none;text-transform: none; }
</style>

[freeflow]

What do you mean by shortenned? I can't see than and I don't see anything wrong with the code. I'm assuming its an internet explorer thing.

If so someone else has to help because I only have Safari and Firefox.

[PoeticInsanity]

shortened as in I have written a paragraph in the "About Me" section, but it only shows half the paragrah because only half of the table shows up. This also eliminates all of the "Who I'd Like to Meet" section. It doe sthat with some other columns too.

[vintageblvd]

it looks fine on my browser. nothing got cut off..

[freeflow]

Yea I don't see it either. What browser are you using?

[PoeticInsanity]

IE. I despise browser discrepancies lol. That always tends to mess up the things I'm doing, and no way to fix it either.