Friend image and comment distance Options

[flaymzofice]

How does one reduce the spacing between a friend's comment, and the friend's MySpace link image? Also, is it possible to reduce the size of that friend image in the comment box?

MySpace for reference.

[*This Confession*]

Friend pictures = resizing :

http://www.createblog.com/forums/index.php?showtopic=124493

[flaymzofice]

Thanks for this code. Can anyone help me with the first query? As to reducing the spacing/padding between friend image and friend comment?

[freeflow]

http://www.createblog.com/forums/index.php?showtopic=149433
That might help or you can try simply using a tiny profile script.

[flaymzofice]

Thanks for the link; that's actually exactly what I was after - the question silent epidemic asked I mean. I'm not sure the solution was provided in the end? If possible, could Whimsical One possibly say whether she used skinny profile codes?

And how come the datestamp suggestion only works at 320px for mine? It worked as I wanted it to, but not enough, so I tried making that number smaller and myspace didn't like it at all and threw the comments out wide again.

myspace - though I daresay you're probably all sick of it by now.

[*This Confession*]

Please explain what your problem is now?

[flaymzofice]

Well I clicked on that link Toyo Loco gave me but that thread had been closed so I couldn't post in there, but basically, Whimsical One suggested that a way of reducing the padding between the Friend's image link and the Friend's comment in the Comment box, was to reduce the width of the Datestamp to 320px, or 130px less than the div area for the Comments. I couldn't figure out what mine was, but basically, set the Datestamp width at 320px. That worked, but there was still more padding than I wanted, so I tried reducing the figure, only that didn't work at all. And I'm wondering why?

And I don't seem able to bring the width of the comments themselves, down any less than 345px; any figure smaller just doesn't work in the code. It won't go smaller than 345px.

[flaymzofice]

Right, somehow I solved the first problem (friend's image link v. friend's comment padding).

But how do I reduce the width of the comments themselves? I've tried bringing the width of the div area of the comments, down...but it doesn't work.

[freeflow]

Edit your post next time. You can use the skinny profile codes in scripts. They do make the table skinnier.

[flaymzofice]

Firstly, thank you for your saintly patience, because I'm getting sick of my own space, let alone you guys having to constantly be dragged back into help me out.

But I really can't get the comments to slim down even with skinny profile codes. Am I just being an absolute retard? Was there something I was supposed to replace with the skinny table codes? My comments are in a DIV. I was under the impression DIVs and tables were different things so...is this the problem? I have played around with every width setting in my codes but nothing is yielding any results.

[*This Confession*]

Okay I would love to help you, but I'm at the hospital right now [dad works here] and they blocked myspace -____-' I don't feel like working around it.

Uhm if you would like you can PM your codes and I can look over then and post a answer in here that may work?

[flaymzofice]

Do you want to see the entire code? It's just I know they are very messy and could be far more efficient and don't want to pollute your designer eyes with them!

[*This Confession*]

Hold on what are you trying to do still?
Resize the whole comments thing? Because they seem kind of small of area to me. Maybe its my browser?

[flaymzofice]

What browers are you using? I don't have Firefox so am unable to see what it looks like. The comments area shouldn't be too small (it's 345px in width I think). I'm trying to reduce the width of the comments themselves; I've removed the horizontal scrollbar and as you can see, my comments are running off the DIV area.

I tried using skinny tables but my comments area isn't in a table and that is what I suspect the problem is, with using them to make the comments themselves fit inside the shaded white comment area.

[*This Confession*]

Hmm, I don't see any problem. I'm using AOL though, let me switch to IE and see what the problem is.


Okay now I see it, try adding this? It works when I make divs so perhaps it will if not, then I'll check your coding to see whats going wrong

CODE

<style>TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}
TD TD TD TD TD {border-top: 0px solid black; text-align:right;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: none; width:330px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;} </style>

[flaymzofice]

That's the skinny tables code isn't it? Yeah, I tried that from the link Toyo Loco gave to another post, but it didn't work fully. The comments are still cut off on the right (because I removed the horizontal scrollbar) so I'm wondering how to reduce the width of the comment box itself (as opposed to the shaded area I have there graphically).

Shall I post my code here? Or will MySpace link be okay?

EDIT: Okay, so I tried all this stuff, and none of it has worked. Help!

[flaymzofice]

So it's been a while and this has been reduced to page 10 so I figure it's okay to double post to ask for help again?

I'm still stuck on reducing the width of the actual comments (as opposed to the div which contains it)

[freeflow]

^ Its ok after 3 days its fine. Anyways can you post your entire code? I'll just play around with it for a while and see what I can do?

[flaymzofice]

Okay awesome. And thanks so much for your patience - I've had such trouble with this layout that I think by the time it's actually finished, I'll hate it. Still, the code I'll use again.

ABOUT ME

CODE

<style type="text/css">

table table,table table table table,table table{background-color:transparent;width:;border:0px;}

div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}

a.navbar,font,.whitetext12,.btext,.orangetext15,.redbtext,.blacktext12,.lightblu
text8,strong,.nametext,div b font font, div font font u,table table table table, table.contacttable{display:none;}

div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
td.text table table {display:inline; visibility:visible;}

.comments {width:100px; overflow: none;}
.comments table {background-color: transparent;}
table table td.text table td.text tbody table tbody td table td {display: none;}
td.text td.text table table table, td.text td.text table br, td.text td.text table .orangetext15, td.text td.text .redlink, td.text td.text span.btext {display:none;}
td.text td.text table {background-color:transparent;}
td.text td.text table td, td.text td.text table {height:0;padding:0;border:0;}
td.text td.text table table td {padding:0;}
td.text td.text table table br {display:inline;}
td.text td.text table td {font-size:0pt;}td.text td.text {height:0;}td.text td.text table b, td.text td.text table table td {font-size:10pt;}

{hides View All}
table b {display:none;}

.scroll{
overflow: auto;
scrollbar-face-color:fffffe;
scrollbar-arrow-color:000000;
scrollbar-track-color:fffffe;
scrollbar-shadow-color:645E52;
scrollbar-highlight-color:fffffe;
scrollbar-3dlight-color:645E52;
scrollbar-darkshadow-Color:CCCACA;
filter:chroma(color=fffffe);
}

body {
background-color:ffffff;
scrollbar-arrow-color:ffffff;
scrollbar-track-color:554E44;
scrollbar-shadow-color:828273;
scrollbar-face-color:645E52;
scrollbar-highlight-color:ffffff;
scrollbar-darkshadow-color:000000;
scrollbar-3dlight-color:554E44;
}

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

{The actual modules}
table table table {border: 1px solid; border-color:000000; background-color:transparent; }

{sets the default style for the body, table data, list data, divisions and text areas}
body,table, td, li, p, div, textarea  
{font:normal 12px Verdana; color:000000; font-weight:none; border:0px; text-transform: none; line-height:13px;}

{class for the basic font for the page}
.text {font:normal 12px Verdana; color:CCCACA; font-weight:none; border:0px; text-transform: none; line-height:13px;}  

{style for the number of comments you have. The actual comments}
.redtext{font-family:arial; font-size:12px; color:ffffff; font-weight:none;border:0px; text-transform: uppercase; }

{date stamp on comments}  
.blacktext10{font-family:verdana; font-size:10px;  color:ffffff; font-weight:none;border:0px; text-transform: uppercase;width:300px;}

{This is how all anchor points will be displayed; anchor points appear before all links.}  
a{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }  
a:link{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{Default Links}
a:link, a.man{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; letter-spacing: 0px;}  

a:active{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}  
a:visited{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}
a:hover{font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase;}

{bolded words}
.standard b, p b, B, strong {
font-family:arial; font-size:9px; color:######; font-weight:none;border:0px; text-transform: uppercase; }

</style>

<style>TD TD {text-align: center;}
TD TD TD {text-align: center;}
TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;}
TD TD TD TD TD {border-top: 0px solid black; text-align:left;}
TD TD TD TD TD TD {border: 0px solid;}
TABLE, TD {padding: 0px; text-transform: none; width:300px;}
TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;}
TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;}
table td div div font {visibili-ty:hidden;di-splay:none;}
table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table {border: 0px; text-align: justify; padding: 0px;}
table table table table table table {border: 0px; text-align: justify; padding: 0px;}</style>

<div class="background" style="position: absolute; left:0px; top:130px; width:1008px; height:768px; overflow: hidden; z-index:0;">

<img src="http://img54.imageshack.us/img54/718/myspacecopylb9.jpg" border="0" usemap="#Map">
<map name="Map">
  <area shape="rect" coords="548,616,600,637" href="http://home.myspace.com/index.cfm?fuseaction=user&MyToken=584ade7e-949d-40f8-93a9-0f9ee39e5028">
  <area shape="rect" coords="608,619,646,637" href="http://mail.myspace.com/index.cfm?fuseaction=mail.message&friendID=91763328">
  <area shape="rect" coords="642,618,681,636"
href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=91763328">
  <area shape="rect" coords="689,619,748,635"
href=" http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=91763328">
  <area shape="rect" coords="757,618,820,636"
href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=91763328">
  </map>
</div>

<div class="content" style="position: absolute; background-color: transparent; left:110px;  top:280px; width:425px; height:30px; overflow: auto; font-weight: bold;">
<center>UNDER CONSTRUCTION</center>

</div>

<div class="scroll" style="position: absolute; background-color: transparent; left: 145px; top: 310px; width: 385px; height: 145px; overflow: auto;">
So as the heading suggests, this thing is still a work in progress. I'd say keep checking back...but this will take me a while. Mostly it's the stupid comments box. Your chat is far too troublesome! </div>

<style type="text/css">
td.text a img {
width: 100px; !important;}
td.text td.text a img {
width: 50px; height: 50px !important;}
</style>

<div class="content" style="position: absolute; left:38px;  top:595px; width:345px; height:150px; overflow: auto;"><center>
<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="91763328" type="hidden">

<textarea name="f_comments" style="width: 150; height: 30px;" cols="10" rows="7" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts;
text-transform:uppercase; letter-spacing:1pt; font-size: 8px; color: ffffff; background-color: 000000;" style="overflow:auto;">Words to me?</textarea> <br>

<input value="Holler" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts; text-transform:uppercase; letter-spacing:1pt;font-size: 8px;
color: ffffff; background-color: 000000;" type="submit">

<input value="Take 2" style="border-width: 1px; border-style: solid; border-color: a08783; font-family: small fonts;
text-transform:uppercase; letter-spacing:1pt;font-size: 8px; color: ffffff; background-color: 000000;" type="reset"></form>
</div>

<style>td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}</style>

I'D LIKE TO MEET

CODE

<div class="marquee" style="width:400px; left:552.5px; top:770px; position:absolute; background-color:transparent"><center>
<marquee scrollamount="3";
direction="right";>

<a href="http://www.myspace.com/haylz"><img src="http://myspace-965.vo.llnwd.net/00868/56/99/868729965_m.jpg" height="100" width="100"></a>

<a href="http://www.myspace.com/pottsi54"><img src="http://myspace-779.vo.llnwd.net/01028/97/74/1028824779_m.jpg" height="100" width="100"></a>

<a href="http://www.myspace.com/schoolboyrockstarr"><img src="http://myspace-663.vo.llnwd.net/00797/36/69/797829663_m.jpg" width="100" height="100"></a>

<a href="http://www.myspace.com/ajkingme"><img src="http://myspace-511.vo.llnwd.net/00478/11/50/478920511_m.jpg" height="100" width="100"></a>

<a href="http://www.myspace.com/rajmean"><img src="http://myspace-686.vo.llnwd.net/01063/68/62/1063032686_m.jpg" height="100" width="100"></a>

<a href="http://www.myspace.com/scottwoods21"><img src="http://myspace-296.vo.llnwd.net/01041/69/26/1041726296_s.jpg" width="100" height="100"></a>

<a href="http://myspace.com/isabelletan"><img src="http://myspace-562.vo.llnwd.net/01085/26/58/1085458562_m.jpg" height="100"></a>
<br></marquee></div>

<div class="scroll" style="overflow:auto; overflow-x:hidden; width:350px; height:230px; position: absolute; top:650px; left: 30px;"><center><table><table><tbody><tr><td><table></center></div>

[freeflow]

Add this to your about me:

CODE

<style type="text/css"> 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;}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;}</style>

And take out the code Holly told you to put in above. Sometimes they mix together and screw up. You shoudl also make the font of your myspace smaller. For me in safari it shows up default, which is another reason your comments can do what they do.

[flaymzofice]

Could you possibly explain to me what that code does? Sorry to be annoying; I just want to understand code, not just use it when I need it and forget it when I don't. I'll be one less person to have to help if I understand how it works.

And also...it's not working...

[freeflow]

Because I don't have as many commetns as you the code is another (shortened) tiny profile code. When I do it , it brings the commetns and the picture closer together.



I think you should make the font smaller and whatever. Then see how far they scroll. Because it can also be your comments. Comments like this:

9/13/2006 11:34 PM

Dooooooooood, Didn't you just comment on my page? You have link, no? anyway here it is, i'm assuming this is what you're asking for...http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=5640637 your page is hot

in which the link extends them.

[flaymzofice]

I deleted the long comments, I changed the numbers in the skinny table code most recently provided and I've changed the size of the font within the comment table...and still no joy. I seriously feel like chucking this computer out the window I'm so frustrated. It seems so simple and yet it's completely unsolveable.

[freeflow]

Aren't they fine now? For me right now the comments look fine, in my opinion. No horizontal scrollbar just fine for me.

[flaymzofice]

So, you can see all the comments? Because what I'm getting in IE6 1024x768 screen res (if this is relevant which I don't think it is), I'm seeing the comments cut off on the right. There's no scrollbar because I coded there not to be one. But basically, I'm still not seeing the full comment.