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.

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