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

[Insurmountable]

Its nothing wrong with your codes thats stretching the interest box.

Do you have content thats in any of the interests sections?

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

[Insurmountable]

For the interests did you use this code:
http://www.createblog.com/scripts/script.php?id=530


Also if not add it and see if it changes anything.


And make sure the image width doesn't exceed the width of the tables or it will stretch the interest table out.

[d0peyy]

THANKYOU it worked I removed the other code and used the one you gave me. Thanks alot.

[IVIike]

Alright... Topic Closed