Results 1 to 2 of 2

Thread: help troubleshooting custom myspace css

  1. #1
    Join Date
    Jul 2005
    Location
    UK
    Posts
    159
    Thanks
    15
    Thanked 0 Times in 0 Posts

    Angry help troubleshooting custom myspace css

    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 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...ndID=446121964

    my code:

    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>

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    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/

    Good luck!

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •