Help - Search - Members - Calendar
Full Version: MySpace Help
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
ForeColor
Aug 9 2008, 02:50 AM
Alright, so my new layout hides my friends and the orange box around comments is too large, I want it smaller, been trying to figure it out for the last 3 hours, I'm mediocre at html.

http://www.myspace.com/forecolor

If anyone could help, thanks. smile.gif
CODE

<style>

body {background-color:ffffff;background-image:url("http://www.thesquashracket.com/wallpapers/landscapes/landscapes_desktop_wallpaper-154951Dallas_Texas.jpg"); background-repeat:repeat; background-position:bottom left; background-attachment:fixed;}

tr {background-color:transparent !important;}
td{text-align:;} a.text, table div font a, table div div {visibility:hidden;}div td font {visibility:hidden;}
tr td tr td tr td tr td tr td {width:0px;padding:0px;}
table table table table td{width:0px;padding:0px;border:0px;}
.contacttable {display:none;}
.contacttable a img{display:block;margin:-6px;}
a.navbar:active, a.navbar:visited, a.navbar:link{font-family:arial; font-size:9px; line-height:9px; text-transform:none; letter-spacing:0px; font-weight:normal;}
a.navbar:hover{font-family:arial; font-size:9px; line-height:9px; text-transform:none; letter-spacing:0px; font-weight:normal; text-decoration:none;}
div table{background-color:transparent;}
table.navigationbar, table.navigationbar td, table.navigationbar tr, table.navigationbar table
{width:800px;}table.navigationbar td {font-size:0px;}

.navigationbar {display:none};
.navigationbar table{border:1px dotted;border-color:000000;border-bottom:0px; color:transparent;}

table {width:250px; border:0px solid black; border-top: 0px;}
table table {width:auto; border:none;}
table table table {width:350; border:none;}
table table table table {width:auto; border:none;}
table table table table table {width:auto; border:none;}
table table {width: 100%!important;}
table table td {padding:0px;}
table {width: 650px!important;}

.whitetext12 {font-size: 9px;font-family: arial;line-height: 10px;text-transform:none;letter-spacing: 0px;}
.userProfileDetail {display:none;}
.redtext{display:none;}
font, td, table, body, p, div, li, .text {
font-family:arial;font-size:9px;letter-spacing:0px; font-weight: normal; text-transform:none; text-decoration: none;}
br {line-height:0.6px;}
.blacktext10{display:none;}
.contacttable a img{display:block;margin:-6px;}
.extendednetwork{
height:1%;
border:0px;
border-style:solid;}
table.extendednetwork,{border:0px;}
.userprofileurl {display:none;}
.userprofiledetail {display:none;}
.latestblogentry {display:none;}
.contactTable {display:none;}
.Hide Number of Comments
td.text table {width:100%;}
.FriendsComments td.text td b {visibility:hidden;}
.FriendsComments td.text td b a,
.FriendsComments td.text td td b {visibility:visible;}



a img {border: 0px;}
body table div font a, body table div div {visibility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}


table table td.text table td.text table table tbody td table, span.btext {display: none !important}

table table table table {
border-width: 0px !important;}

table table table table td {width: 0px;}

body table div font a, body table div div {visibility:;}
body table table div font a, body table table div div {visibility:visible;}
table div font a, table div div {visibility:; display:none;border:0px!important;background-color:transparent;}

table table td.text table td.text table table tbody td table, span.btext {display: !important}

textarea {
font-family:small fonts;
font-size:7px;
line-height:8px;
font-weight:normal;
text-transform: uppercase;
color:000000;
width: 250px;
height: 15px;
background-color:ffffff!important;
border:1px dotted; border-color:000000;}

.nametext{font-family:arial;font-size:0px;line-height:0px;color:ffffff;display:block; background-color:ffffff; font-weight:normal;text-transform:none;letter-spacing:-4px;text-align:left;}

.orangetext8 {display: none;}

strong{display:none!important;}

{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:3;}td.text td.text table table br {display:inline;}

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{font-weight:normal;text-decoration:none; font-family:arial;font-size:9px;line-height:9px;text-transform:none;color:000000;}

a:hover, a.man:hover, a.text:hover,a.redlink:hover {font-weight:normal;font-family:arial;text-decoration:none;font-size:9px;line-height:9px;text-transform:none; color:494949;}

.blacktext10{display:none!important;}

.orangetext15 {font-family: arial;letter-spacing:-0px;font-size: 9px; font-weight: normal;color: 000000; text-decoration:none; text-transform:none;line-height:11px;}

.blacktext10{display:none!important;}

table {padding: 10px;}
table, td, tr {padding: 0px;}
table, td, tr {height: 0px;}
table, td, tr {border: 0px;}

.blacktext12 {font-family: arial;font-size: 9px;line-height: inherit; font-weight: normal;color: 3B3B3B; text-decoration:none; text-transform:none; letter-spacing:-0px;}

.whitetext15 {font-family: arial;font-size: 9px;line height: 21px; font-weight: normal;color: 646464; text-decoration:none;background-color:ffffff; text-transform:uppercase;}}
table table table{
border: 0px;
border-color: 000000;
}
table table td {padding: 1.2px; }
table td td {width: 0px;}
table table{
border:0px;
}
table table table table{
border:0px;
}

td tr table td tr table {display:;}
table table td.text table .btext,
table table td.text table td br {display:;}
table table td.text table table .btext,
table table td.text table table td br {display:inline;}
.lightbluetext8 {display: none;}
table table table table td {width:0px;}
table, td {padding: 0px!important;}
td td td td {width: 0px!important;}

.blurbs{background-color:transparent; border:0px;}div table,div tr,div td{height:0px;padding:0px;border:0px;} table{border-width:1px;border-style:dotted; border-color:000000;}

</style>
Frederiek
Aug 9 2008, 04:01 AM
In a quick overview over your source, I notice that the width of tables contained within other tables (of which there are many!) don't match; some are defined too wide.

The online validator (link on this page) also reports many markup errors, partially caused by the use or mix of HTML and XHTML.
I'm not sure if MySpace will allow you to fix all the errors.
ForeColor
Aug 9 2008, 07:00 AM
Fixable? If so, please
Frederiek
Aug 9 2008, 07:41 AM
Well, I thought that was obvious.
Fix the errors the validator reports.
And recalculate/review the widths of tables, so they fit well within their container.
ForeColor
Aug 9 2008, 08:51 AM
sorry I'm not code leet. English, please?

1. What is a validator?
2. How do I know where to start?
Frederiek
Aug 9 2008, 09:08 AM
Start at http://htmlhelp.com/tools/validator/. Enter the URL of your page at hit the "Validate it" button. You will be presented with the results of the validation. At many of the errors, there is a link to the HTML reference for further investigation.

As for the widths of the tables, search those in a text-editor. Then see if the width of the table within that table matches.
ForeColor
Aug 9 2008, 11:04 PM
Lol, okay with a little bit of testing and examining it, not doing it your way, since running it in the validator only found errors, from the MySpace page, not my layout code. I figured out how to show my friends, without your help. Still working on the friends comment box orange spot being too large.

Here's the new code,

CODE

<style>

body {background-color:ffffff;background-image:url("http://www.thesquashracket.com/wallpapers/landscapes/landscapes_desktop_wallpaper-154951Dallas_Texas.jpg"); background-repeat:no-repeat; background-position:bottom left; background-attachment:fixed;}

tr {background-color:transparent !important;}
td{text-align:;} a.text, table div font a, table div div {visibility:hidden;}div td font {visibility:hidden;}
tr td tr td tr td tr td tr td {width:0px;padding:0px;}
table table table table td{width:0px;padding:0px;border:0px;}
.contacttable {display:none;}
.contacttable a img{display:block;margin:-6px;}
a.navbar:active, a.navbar:visited, a.navbar:link{font-family:arial; font-size:9px; line-height:9px; text-transform:lowercase; letter-spacing:0px; font-weight:normal;}
a.navbar:hover{font-family:arial; font-size:9px; line-height:9px; text-transform:lowercase; letter-spacing:0px; font-weight:normal; text-decoration:none;}
div table{background-color:transparent;}
table.navigationbar, table.navigationbar td, table.navigationbar tr, table.navigationbar table
{width:800px;}table.navigationbar td {font-size:0px;}

.navigationbar {display:none};
.navigationbar table{border:1px dotted;border-color:000000;border-bottom:0px; color:transparent;}

table {width:250px; border:0px solid black; border-top: 0px;}
table table {width:auto; border:none;}
table table table {width:350; border:none;}
table table table table {width:auto; border:none;}
table table table table table {width:auto; border:none;}
table table {width: 100%!important;}
table table td {padding:0px;}
table {width: 650px!important;}

.whitetext12 {font-size: 9px;font-family: arial;line-height: 10px;text-transform:lowercase;letter-spacing: 0px;}
.userProfileDetail {display:none;}
.redtext{display:none;}
font, td, table, body, p, div, li, .text {
font-family:arial;font-size:9px;letter-spacing:0px; font-weight: normal; text-transform:lowercase; text-decoration: none;}
br {line-height:0.6px;}
.blacktext10{display:none;}
.contacttable a img{display:block;margin:-6px;}
.extendednetwork{
height:1%;
border:0px;
border-style:solid;}
table.extendednetwork,{border:0px;}
.userprofileurl {display:none;}
.userprofiledetail {display:none;}
.latestblogentry {display:none;}

a img {border: 0px;}
body table div font a, body table div div {visibility:hidden;}
body table table div font a, body table table div div {visibility:visible;}
table div font a, table div div {visibility:hidden; display:none;border:0px!important;background-color:transparent;}


textarea {
font-family:small fonts;
font-size:7px;
line-height:8px;
font-weight:normal;
text-transform: uppercase;
color:000000;
width: 430px;
height: 15px;
background-color:ffffff!important;
border:1px dotted; border-color:000000;}

.nametext{font-family:arial;font-size:0px;line-height:0px;color:ffffff;display:block; background-color:ffffff; font-weight:normal;text-transform:none;letter-spacing:-4px;text-align:left;}

.orangetext8 {display: none;}

strong{display:none!important;}

{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:3;}td.text td.text table table br {display:inline;}

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{font-weight:normal;text-decoration:none; font-family:arial;font-size:9px;line-height:9px;text-transform:lowercase;color:000000;}

a:hover, a.man:hover, a.text:hover,a.redlink:hover {font-weight:normal;font-family:arial;text-decoration:none;font-size:9px;line-height:9px;text-transform:lowercase; color:494949;}


.blacktext10{display:none!important;}

.orangetext15 {font-family: arial;letter-spacing:-0px;font-size: 9px; font-weight: normal;color: 000000; text-decoration:none; text-transform:lowercase;line-height:11px;}

.blacktext10{display:none!important;}

table {padding: -10px;}
table, td, tr {padding: 0px;}
table, td, tr {height: 0px;}
table, td, tr {border: 0px;}

.blacktext12 {font-family: arial;font-size: 9px;line-height: inherit; font-weight: normal;color: 3B3B3B; text-decoration:none; text-transform:lowercase; letter-spacing:-0px;}

.whitetext15 {font-family: arial;font-size: 9px;line height: 21px; font-weight: normal;color: 646464; text-decoration:none;background-color:ffffff; text-transform:uppercase;}}
table table table{
border: 0px;
border-color: 000000;
}
table table td {padding: 1.2px; }
table td td {width: 0px;}
table table{
border:0px;
}
table table table table{
border:0px;
}

td tr table td tr table {display: ;}
table table td.text table .btext,
table table td.text table td br {display:;}
table table td.text table table .btext,
table table td.text table table td br {display:inline;}
.lightbluetext8 {display: none;}
table table table table td {width:0px;}
table, td {padding: 0px!important;}
td td td td {width: 0px!important;}

.blurbs{background-color:transparent; border:0px;}div table,div tr,div td{height:0px;padding:0px;border:0px;} table{border-width:1px;border-style:dotted; border-color:000000;}

</style>


Help will still be appreciated with the still active problem.
Thanks, mates
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.