Help - Search - Members - Calendar
Full Version: skinny help plz
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
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:
QUOTE
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:
QUOTE
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.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.