Log in

View Full Version : help troubleshooting custom myspace css



moscarda
01-17-2009, 08:25 PM
i'm having too many problems to list at once, so i'll just start with two:

1. why isn't my header showing up?
2. why aren't the coordinates of many elements where they should be?

i pretty much used radiohead's profile (http://www.myspace.com/radiohead) as a starting point, copying the css verbatim, and substituting my own images and colors. their page looks perfect, mine is all messed up.

my page:

http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=446121964

my code:



<style>
browseMain td {text-align:left;}
</style>

<style>
.commentlinks a { font-weight:normal; font-size:9px; }
td.columnsWidening img, td.columnsWidening object { max-width:260px; }
</style>

<style>
td.columnsWidening img, td.columnsWidening object { width: ..this.width > 260 ? 260 : true); }
</style>

<style>
headerWrap header topnav {background: none !important;}
</style>

<style>
.msOnlineNow img {width: 17px !important; height: 18px !important;}
</style>

<style>
DIVshortcuts{display:none !important;}
</style>

<style>
musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFF;}
musicnav a {color:#FFF; font-weight:normal; font-size:90%; display:inline-block;}
musicJVNav {width:800px; background-image:url( http://x.myspacecdn.com/modules/musicv2/static/img/musicprofilenav_bg.gif); background-color:e2e2e2; color:e2e2e2; border-spacing:0px;}
musicJVNav td {color:#999;}
musicJVNav a {color:Navy; font-weight:normal; font-size:11px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; display:inline-block;padding-left:5px;padding-right:5px;}
</style>

<style>
body {background-color: #00c0f1; background-image: url(http://badpressrecords.com/myspace/background.png); background-repeat: repeat-x; background-position: top;color: #000 !important;}

table, td, tr, div, font, p, h1, h2, h3, h4, strong, span {
background: transparent;
border: 0;
color: #000 !important;
font:x-small Trebuchet MS, Geneva, Verdaba, sans-serif;}

a {
color: #ff0099 !important;
font:x-small Trebuchet MS, Geneva, Verdaba, sans-serif;
font-weight: normal !important;}

img { border: 0; }
.clear { clear: both; }
.contactTable { display: none; }
.nameText { display: none; }
body>div { margin-left: 19px; }

.n { hide profile box }
body table table table table td.text { display: none; }
body table table table td.text strong { display: none; }

.n { space inner area between music nav and start content }
body table table { margin-top: 690px; }
body div table table, body table table table, .friendsComments { margin-top: 0; }

.n { about heading }
td.text td.text .orangetext15 {display: none;}

.n { friends heading - overwrite css from about heading }
.friendSpace .orangetext15 {
display: block !important;
text-indent: -9999px;
background: url(http://www.badpressrecords.com/myspace/friends.gif) no-repeat;
width: 448px;
height: 31px;}

.friendSpace .btext {
font:x-small Trebuchet MS, Geneva, Verdaba, sans-serif;
color: #000 !important;
font-weight: normal;}

.friendSpace .redbtext {
color: #ff0099 !important;
font-family: Helvetica, Arial !important;
font-size: 15px;
font-weight: normal;}

.n { tour dates }
table table div table { display: none; }

object {
position: absolute;
top: 559px;
left: 50%;
margin-left: -39px;}

.latestBlogEntry .btext{
display: block;
text-indent: -9999px;
width: 448px;
height: 50px;
background: url(http://www.badpressrecords.com/myspace/blog.gif) no-repeat;}

.latestBlogEntry .text{
font:x-small Trebuchet MS, Geneva, Verdaba, sans-serif;
color: #000 !important;}

.n { !! begin custom layout !! }

.customHeader{
position: absolute;
top: 160px;
left: 50%;
margin-left: -438px;
width: 875px;
height: 732px;
background: url(http://www.badpressrecords.com/myspace/header.jpg) no-repeat;}

.photolink{
position: absolute;
width: 60px;
height: 20px;
top: 407px;
left: 50%;
margin-left: -190px;}

.vidlink{
position: absolute;
width: 60px;
height: 20px;
top: 407px;
left: 50%;
margin-left: -120px;}

.nav{
list-style: none;
padding: 0;
position: absolute;
top: 453px;
_top: 461px;
left: 50%;
margin-left: -360px;}

.nav li a{
display:block;
height: 30px;
_height: 31px;
width: 300px;}

.n { reset and position new about area }
.customAbout {
background: url(http://www.badpressrecords.com/myspace/rh-widget.jpg) no-repeat;
padding-top: 31px;
width: 448px;
text-align: center;}

.customAbout p {
text-align: left;
font:x-small Trebuchet MS, Geneva, Verdaba, sans-serif;
color: #000!important;}

.customAbout object, .customAboveTour object {
position: relative;
top: 0;
left: 0;
margin-left: 0;}

.n { !! custom left column !! }

.customLeft {
position: absolute;
top: 933px;
left: 50%;
width: 318px;
margin-left: -391px;}

.customLeft .buylink{
position: absolute;
top: 74px;
left: 50%;
margin-left: -38px;
display: block;
width: 145px;
height: 20px;}

.customLeft .top{
width: 317px;
height: 374px;
background: url(http://www.badpressrecords.com/myspace/rh-left-top.jpg) no-repeat;}

.customLeft .bottom{
width: 317px;
height: 311px;
background: url(http://www.badpressrecords.com/myspace/rh-left-bottom.jpg) no-repeat;
margin-bottom: 15px;}

.customLeft .weblink{
font-family: Helvetica, Arial;
font-size: 18px !important;
font-weight: normal;
color: #FFF !important;
letter-spacing: 1px;
display: block;
margin-bottom: 5px;}

.customLeft .labellink{
font-family: Helvetica, Arial;
font-size: 18px !important;
font-weight: normal;
color: 8c8c8c !important;
letter-spacing: 1px;
display: block;
margin-bottom: 5px;}

.n { reset embed positioning }
.contentEmbed, .contentEmbed object {
position: relative;
top: 0;
left: 0;
margin: 0;}

.friendsComments {
}

.friendsComments td.text table {
}

.friendsComments .columnsWidening{
font-size: 12px !important;}

.friendsComments .orangetext15 {
display: block;
text-indent: -9999px;
width: 448px;
height: 31px;
background: url(http://www.badpressrecords.com/myspace/comments.gif) no-repeat;}

.friendsComments b, .friendsComments td {
color: #000 !important;
font-size: 12px !important;
font-weight: normal;}

.n { numbers in comment heading }
.friendsComments .redtext {
color: #ff0099 !important;
font-size: 15px;}

.n { dates in comments }
.friendsComments .blacktext10 {
color: #000 !important;
font-weight: normal;
margin-bottom: 5px;}

.friendsComments table table td {
padding-top: 15px;}

table table div table { display: block !important;}

.tourdateHeading{
background: url(http://www.badpressrecords.com/myspace/friends.gif) no-repeat;
width: 448px;
height: 20px;
position: absolute;
top: 1000px;
left: 50%;
margin-left: -400px;}

.whitelink font {
display: block;
background: url(http://badpressrecords.com/myspace/shows.gif) no-repeat;
width: 448px;
padding-top: 23px;
margin-top: 700px;
margin-bottom: 5px;}

td.text strong {display: none;}
table table table table td.text {display: none;}
table td.text .whitetext12 {display: none;}

.customAboveTour {
position: absolute;
top: 1050px;
left: 50%;
margin-left: -20px;
font-size: 15px;}
</style>

<style>
divinternationalLinks { background-color: #FFF; }
divinternationalLinks a { color: #039; }
divinternationalLinks div.header { color: #000; }
</style>

<style>
a .text { font-weight: bold; font:x-small Trebuchet MS, Geneva, Verdaba, sans-serif; }
</style>

<style>
body, html {visibility:visible !important; display:block !important}
</style>

Snookerman
01-18-2009, 12:07 AM
That's because you have heaps of errors in your css. If something that is being targeted is not an element but rather an id or class value it has to begin with a number sign (#) or a period (.) respectively. Also, you should wrap each piece of code in style tags. Just put all the code together and wrap it once in style tags. I suggest you google around for css tutorials and that you validate your code to spot errors:
http://jigsaw.w3.org/css-validator/ (http://jigsaw.w3.org/css-validator/)

Good luck!