myspace layout tables helpp Options

[d0peyy]

Hi, if you look at the red border section ( which is Interest ) you can see it is not aligned straight like the right side. How can I fix it? Here are the layout codes. Thanks.

CODE

<style type="text/css">.fcsS{}</style>
<style type="text/css">

form>img#googleTLogo
{
background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
background-repeat: no-repeat;
}

#googleTLogo
{
vertical-align:bottom;
width:120px;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}

</style><style type="text/css">body{cursor:crosshair;}</style><style type="text/css">
table, td {background-color:transparent; border:none; border-width:;}
body{background-image:url("http://img.freecodesource.com/myspace-layouts/images/layouts/1177576769-908-1.gif");
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
background-color:ffffff; }

.cool {
position: absolute;
left:0px;
top:0px;
width:156px;
height:154px;
z-index:9;
}

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

a, a:link, a:visited {color:F35485; text-decoration: none;}

a:hover {color:76996E; text-decoration: none}

img {border: none}

br {line-height: 10px;}

u {text-decoration: none; }

table table table br { line-height:15px; }

* html table table table.latestBlogEntry br { line-height:0; }
.friendSpace br { line-height:0; }

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}

body>div {margin-left: 10px;}

table { border:1px solid red;}
table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}

table table table td {background-color:transparent;margin:0px;padding:0; vertical-align:top ! important;}
* html table table table td {padding: 0 26px 15px 26px;}

table table table table {border-width:0px; background-color: transparent; margin:0px; padding:0px; background-image: none;}
table table table table table{ border-color:ffffff;}

table table table table td {padding:3px 0;margin:0px; }
table table table table table td { padding:0 2px 0 0;}

table table table {
margin:0px;
max-width: 423px;
width: 100% !important;
padding: 0 12px 14px 12px;
}

* html table table table { padding:0;}

body td table, body div table {margin-top: 0;}

font {color:386093;font-size:10px}

a font:hover {color:000000}

a.navbar:link, a.navbar:visited {color:FFFFFF}

a.navbar:hover {color:CCCCCC}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:000000;font-size:11px}

a.text:link, a.text:visited {color:FFFFFF}

a.text:hover {color:CCCCCC}

.contactTable {width: auto !important;}

* html .contactTable, *html .userProfileURL {width: 332px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center; }

.contactTable span.whitetext12 { left: 0;}
* html .contactTable .whitetext12 {margin-left: 25px;}

.contactTable td table {
height:150px;
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
}
* html .contactTable td table {
background-position:center center;
}

.contactTable a {padding: 0px; margin: 0px 5px 1px 0px; display: block; background-color: transparent; }
.contactTable a { height: 30px; width: 134px;}
.contactTable img { display:none; visibility:hidden;}
.contactTable a img {
border: 0px;
display: block;
visibility: visible;
}

.contactTable a img { width:120px; margin-top:6px; margin-left:8px;}

.nametext, .whitetext12, .orangetext15, .btext {
margin: 14px 0px 4px 0px;
width:auto;
display: block;
}

* html .nametext, * html .whitetext12 { width:278px; }


.orangetext15, .btext {
width:auto;
}
table table table
.orangetext15 { margin-bottom:-15px;}

table table table table .orangetext15 { margin-bottom:4px;}

* html .orangetext15, * html .btext { width:373px;}

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.whitetext12 { margin-top:0;}
.blacktext12 { display: block; margin-bottom:0px !important;}
.NOTES { content:"view all of your friend's link"; }

a.redlink:link {display: block; border-width: 3px 0px 0px 0px; padding-top: 3px;}
a.redlink:active, a.redlink:visited, a.redlink:link { display:inline; }

.NOTES { content:"firefox hack to make tables not to have a huge gap"; }
td.text {text-align:left;}


table table tr td {
line-height:1.4em;
}

table.userProfileURL strong { margin-top:-5px; margin-right:8px !important; }
table.userProfileURL { text-align:center;}
table.userProfileURL table {margin-top:-7px; margin-right:-5px;}
table table table.userProfileURL {padding-bottom:0;}
*html table table table.userProfileURL td {padding-bottom: 0;}


table.userProfileDetail .whitetext12, table.contactTable .whitetext12{ margin-top:3px;}
table table table.blurbs span.orangetext15, table table table.friendSpace .orangetext15 { display:none; }
table table table.blurbs table {margin-top:-18px;}
table table table.blurbs table table { margin:0; width:auto !important; padding:0;}
table table table.blurbs table span.orangetext15 { display:block; margin-bottom:-10px;}

table table table.extendedNetwork { padding:0; }

table table table.extendedNetwork td { height:75px; padding:0;}

table table table.contactTable { padding:0;}
table table table.contactTable span.whitetext12{ display:none; }.contactTable .text {font-size:1px !important;}
table table table.contactTable td.text {height:0px !important}
.r{}
body {
background-color:FFFFFF !important;
}

table table table {
border-width: 1;
border-style: solid;
border-color: CCCCCC;
background-color:FFFFFF;

-moz-opacity:1;
opacity:1;
-khtml-opacity:1;

}


table table table table {filter:none !important; opacity:1 !important; }

.r{}

.contactTable td table {
background-image: url('http://cbimg6.com/layouts/07/10/10/22313aa.gif');
}

.contactTable a img, .contactTable img {
visibility: hidden;
}

.r{}

.r{}
body, table table tr td, table table div, li, p, .redtext, .blacktext10, .text, a.text:link, a.text:visited,
a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited,
.lightbluetext8, a, a:link, a:visited, a.redlink:link, div, font, a.navbar:link, a.navbar:visited
{
color:000000;

font-size:11;
}

a.searchlinksmall, a.searchlinksmall:link, a.searchlinksmall:visited { font-weight:normal;}

.r{}
.nametext, .whitetext12, .orangetext15, .btext, .redbtext, .blacktext12, table.userProfileURL strong {
margin: 14px 0px 4px 0px;
color:323232;
font-size:12;


font-weight:bold;

}

.whitetext12 { margin-top:0; }

.r{}

span.blacktext12 {

padding-top: 30;

}

.blacktext12 { text-align:center; margin-top:0px;}

.nametext, .whitetext12, .orangetext15, .btext, table.userProfileURL strong {
background-color:transparent;

padding-top: 0;
padding-right:0;
padding-bottom:10;
padding-left:0;
padding-left: 0;

border-style: none;

}

.nametext {

background-color:transparent;

}

.r{}
.lightbluetext8 {
color:676767;
font-size:11;

font-weight:normal;
}

.r{}

.r{}
a, a:link, a:visited, a.redlink:link, a.redlink:visited, a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {
color:676767;
font-size:11;

font-weight:normal;

text-decoration:none;

}

a.navbar:link, a.navbar:visited, a.text:link, a.text:visited, a.text:hover {

}

a:hover, a.redlink:hover, a.navbar:hover, a.text:hover {
color:676767;
font-size:11;

text-decoration:underline;

}

a.navbar:hover, a.text:hover {

}

.NOTES { content:'make font smaller for friends comments box';}
a.navbar:link, a.navbar:visited, a.navbar:hover, a.text:link, a.text:visited, a.text:hover { font-weight:normal; font-size:9px;}

*html table table table { height: .01%; }

</style>


<style>
body {
background-position:center center !important;
}
table table table {
filter:alpha(opacity=90); !important; -moz-opacity:0.90 !important; opacity:0.90 !important; -khtml-opacity:0.90 !important;
}
table table table table {filter:none !important; opacity:1 !important; }
</style>

Reason for edit: Codebox - holly

[d0peyy]

the extra space to the left is the word "Heroes" i used a code to hide the word..thanks for replying..i replaced the orginal codes for that layout with another layout's codes so i can get the tables to be transparent..but now im stuck cause i dont get how the table codes work even by looking at the orginal codes

here it is

CODE

<style type="text/css">.fcsS{}</style>
<style type="text/css">

form>img#googleTLogo
{
background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
background-repeat: no-repeat;
}

#googleTLogo
{
vertical-align:bottom;
width:120px;
height:30px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
}

</style><style type="text/css">body{cursor:crosshair;}</style><style type="text/css">
table, td {background-color:transparent; border:none; border-width:;}
body{background-image:url("http://img.freecodesource.com/myspace-layouts/images/layouts/1177576769-908-1.gif");
background-attachment: fixed;
background-position: bottom left;
background-repeat: repeat;
background-color:ffffff; }


table table table {border: 2px solid; border-color:000000; padding:0; background-color:ffffff;}table tbody td table tbody tr td.text table{background-color:ffffff;}
table table{border:0px;}
table table table table{border:0px;}
font, td, a, body, table, body, td, li, p, div, textarea, li, h1, h2, p, br {font-family: arial; color: 000000; line-height: 10px; font-size:11px; text-transform:lowercase; letter-spacing:1px;}
textarea, input {font-family: arial; font-size: 8 px; color: 000000; text-transform:lowercase; letter-spacing:0px; background-color: ffffff;border:2px solid black;cursor: crosshair;}

.btext {font-family: arial; font-size: 11px; color: 000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext10 {font-family: arial; font-size: 11px;color: 000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase; display:none;}
.blacktext12 {font-family: arial; font-size: 11px; color: 000000; line-height: 11px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase;}


.lightbluetext8 {display:none;}


.nametext {font-family: script; color:000000; line-height: 25 px; font-size:40px; text-transform: none; text-align:center; letter-spacing: 2px;}

.orangetext15 {display:none;}

.redbtext, .redtext {display:none;}




.text {font-family: arial ; font-size: 10 px; color: 000000; line-height: 8px; font-weight: normal;text-transform:lowercase;letter-spacing: 1 px;}


.whitetext12 {font-family: arial; font-size: 8px; color: ffffff; line-height: 8px; letter-spacing: 1px; font-weight: normal; text-transform: lowercase;}




a:link, a.man:link, a.text:link, a:visited, a.man:visited, a.text:visited, a:active, a.redlink:active, a.redlink:visited, a.redlink:link, a.navbar:link, a.navbar:visited, a.navbar:active {font-family:small fonts; font-size: 7px; color: 000000; font-weight: normal; text-decoration: none; letter-spacing: 1px; text-transform: uppercase; line-height: 10px; background-color: transparent;}



a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family: arial; font-size: 14px; color: pink; font-weight: italic; text-decoration: none; letter-spacing: -2px; text-transform: lowercase; line-height: 20 px; background-color: transparent;}


b, stong
{font-weight:bold;font-size:8pt;line-height:10px;text-transform:lowercase;color:000000 ;letter-spacing:0px;font-family:arial;}
img { filter:none; border:0px;}
a:link img { filter: none; border:0px solid black;}
a:hover img { filter:grayscale; border:0px solid black;}
body {cursor: ;}
a:hover {cursor: help;}
td td {text-align: center;}
td td td {text-align: center;}
td td td td {border-top: 0px solid; width: 1%; text-align:center;}
td td td td td {border-top: 0px solid black; text-align:center;}
td td td td td td {border: 0px solid;}
table, td {padding: 0px; text-transform: lowercase; width:350px;}
table table {padding: 0px; text-transform: lowercase;}
table table table {padding: 1px; text-transform: lowercase;height: .01%; width: 100%;}
table table table table {padding: 0px; text-transform: lowercase;}
table table table table table {padding: 0px; text-transform: lowercase;}
table table table table table table {padding: 0px; text-transform: lowercase;}
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;}
table table td.text table td.text table table tbody td table, span.btext {display: none !important}
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><style type="text/css">
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
</style><style type="text/css">.contactTable { display: none }</style><style type="text/css">table table td.text table td.text table table tbody td table{display:block!important; padding:0px;}</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>