473,320 Members | 1,910 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Pls. Help With MySpace DIV/CSS Issue

Hi,

I am helping a musician friend of mine with his profile and I found a cool layout on Nas' MySpace page.

I changed some things and re-did the graphics and I basically popped my Image URLS where the ones were in Nas' profile code.

Something strange is happening tho. When I try to preview the layout, the entire profile is all covered up. My images show, but all the other elements have disappeared.

I am not sure where in the CSS I put in this is being caused.



In fact I tried copying all of Nas' code into my friends profile (it goes in the Biography section) and the same thing happened. All the images cover over the profile stuff (except the main MySpace header and navigation)

How did they make the things like the contact table, friends, profile image, comments, music player etc. all show in Nas' profile? I am totally stumped!
Here is the link to Nas' profile
http://www.myspace.com/nas

I can't even save the changes to my friends profile to show you because all the links are covered up and I can't submit the changes.

Here is the code I used:
Expand|Select|Wrap|Line Numbers
  1. <style type="text/css">
  2. body {margin-top: 0;}
  3. div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
  4. </style>
  5.  
  6. <div class="header"><center>
  7.   <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
  8.  
  9. <style type="text/css">
  10. td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;} 
  11. body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://img208.imageshack.us/img208/4802/bg9mn.jpg);}
  12.  
  13. p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
  14.  
  15. a, a:link, a:visited {color:c0c0c0; text-decoration: none;}
  16.  
  17. a:hover {color:ffffff; text-decoration: none}
  18.  
  19. img {border: none}
  20.  
  21. br {line-height: 20px;}
  22.  
  23. form {border-width:0px;background-color:none;}
  24.  
  25. input {background-color:transparent !important}
  26.  
  27. body>div {margin-left: 10px;}
  28.  
  29. table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
  30.  
  31. table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
  32.  
  33. table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
  34.  
  35. table table table table td {padding:0px;margin:0px;}
  36.  
  37. table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}
  38.  
  39. .masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}
  40.  
  41. body table {margin-top:330px;}
  42.  
  43. body td table, body div table {margin-top: 0;}
  44.  
  45. font {color:ffffff;font-size:10px}
  46.  
  47. a font:hover {color:c0c0c0}
  48.  
  49. a.navbar:link, a.navbar:visited {color:c0c0c0}
  50.  
  51. a.navbar:hover {color:ffffff}
  52.  
  53. table tr td table tr td font {display: inline;}
  54.  
  55. table tr td table a.navbar {font-size: 10px;}
  56.  
  57. .text {color:ffffff;font-size:11px}
  58.  
  59. a.text:link, a.text:visited {color:c0c0c0}
  60.  
  61. a.text:hover {color:ffffff}
  62.  
  63. .nametext {background-image: url(http://img208.imageshack.us/img208/5936/nametext4jt.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 161px; width: 195px; font-size: 1px; text-align: left; color: 000000; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000;}
  64.  
  65. .contactTable {width: 328px !important;}
  66.  
  67. .contactTable td {padding: 0px; margin: 0px; text-align: center;}
  68.  
  69. .contactTable span.whitetext12 {position: relative; left: 10px;}
  70.  
  71. .contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}
  72.  
  73. .contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}
  74.  
  75. .contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
  76.  
  77. table tr td table tr td table tr td div strong {display: block; width: 270px;}
  78.  
  79. .whitetext12 {color:797471; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 270px}
  80.  
  81. .blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}
  82.  
  83. .blacktext12:before {content: "WOW! ";}
  84.  
  85. .btext {color:797471 font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000}
  86.  
  87. .orangetext15 {color:797471; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 372px}
  88.  
  89. .lightbluetext8 {color:797471}
  90.  
  91. .redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}
  92.  
  93. .redbtext:after {content: "billion";}
  94.  
  95. a.redlink:link {color:797471; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 000000; padding-top: 3px;}
  96.  
  97. a.redlink:visited {color:ffffff}
  98.  
  99. a.redlink:hover {color:797471}
  100.  
  101. u {text-decoration: none; font-size: 10px;}
  102.  
  103. </style>
  104.  
  105. <![if !IE]>
  106.  
  107. <style type="text/css">
  108.  
  109. .whitetext12 {width: auto}
  110.  
  111. .contactTable {width: auto !important;}
  112.  
  113. .contactTable span.whitetext12 {left: 0;}
  114.  
  115. .orangetext15 {width: auto;}
  116.  
  117. table table table td {padding: 0;}
  118.  
  119. table table table {padding: 0 14px 14px 14px; border-color: 000000;}
  120.  
  121. table table table {max-width: 423px;}
  122.  
  123. .nametext {height: 35px; width: auto;}
  124.  
  125. </style>
  126. <![endif]>
  127.  
I really need to fix this in the next couple of days. If you can help please PM me here or post here. Thanks!
Jan 24 '07 #1
7 3911
AricC
1,892 Expert 1GB
What do you mean the images show nothing else? Sorry I can't view myspace at work it is blocked. Post the code of your page please.

Aric
Jan 24 '07 #2
drhowarddrfine
7,435 Expert 4TB
MySpace is a coding nightmare. There are people who can make it work but it's not easy or obvious. It's also not guaranteed to work in all browsers. It's just a mess.

Copying and pasting code from one site to another can also be a bad thing. It's like taking a piece from one puzzle and trying to make it fit in another. The piece needs to be trimmed.

Showing us the CSS alone is only showing half the picture. We would need the complete HTML or, preferably, a link, to be able to help you at all.
Jan 24 '07 #3
Hi! Thanks for your answer.

Now I've got most of the layout showing, but the header is hidden and I can't bring it forward. Any ideas how to bring it forward?

The actual link to the profile is http://www.myspace.com/davesereny

Here is the new code I used (the header part is bolded):
Expand|Select|Wrap|Line Numbers
  1. <style type='text/css'>
  2.  
  3. form>img#googleTLogo
  4. {
  5.     background-image:url(http://x.myspace.com/images/powered_by_google_white.png);
  6.     background-repeat: no-repeat;
  7. }
  8.  
  9. #googleTLogo
  10. {
  11.     vertical-align:bottom;
  12.     width:120px;
  13.     height:30px;
  14.     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://x.myspace.com/images/powered_by_google_white.png', sizingMethod='image');
  15. }
  16.  
  17.  
  18.  
  19.     #musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFFFFF;}
  20.     #musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}
  21.  
  22.  
  23. body {margin-top: 0;}
  24.  
  25. div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}
  26.  
  27. <div class="header"><center>
  28.   <a href="http://www.davesereny.com"><img src="http://img207.imageshack.us/img207/3153/header6ht.jpg" alt="Dave Sereny" width="846" height="318" border="0"></a></center></div>
  29. <a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>
  30.  
  31. td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;} 
  32. body {font-size: 1px; line-height: 1px;background-color:000000; font-family: Verdana, Arial, sans-serif; background-repeat: repeat-y; background-position: top center; background-image: url(http://img208.imageshack.us/img208/4802/bg9mn.jpg);}
  33.  
  34. p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
  35.  
  36. a, a:link, a:visited {color:c0c0c0; text-decoration: none;}
  37.  
  38. a:hover {color:ffffff; text-decoration: none}
  39.  
  40. img {border: none}
  41.  
  42. br {line-height: 20px;}
  43.  
  44. form {border-width:0px;background-color:none;}
  45.  
  46. input {background-color:transparent !important}
  47.  
  48. body>div {margin-left: 10px;}
  49.  
  50. table, tr, td, table table, table table td {border-width:0px; background-color: transparent;}
  51.  
  52. table table table td {background-color:transparent;margin:0px;padding: 0 26px 15px 26px}
  53.  
  54. table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}
  55.  
  56. table table table table td {padding:0px;margin:0px;}
  57.  
  58. table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}
  59.  
  60. .masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}
  61.  
  62. body table {margin-top:330px;}
  63.  
  64. body td table, body div table {margin-top: 0;}
  65.  
  66. font {color:ffffff;font-size:10px}
  67.  
  68. a font:hover {color:c0c0c0}
  69.  
  70. a.navbar:link, a.navbar:visited {color:c0c0c0}
  71.  
  72. a.navbar:hover {color:ffffff}
  73.  
  74. table tr td table tr td font {display: inline;}
  75.  
  76. table tr td table a.navbar {font-size: 10px;}
  77.  
  78. .text {color:ffffff;font-size:11px}
  79.  
  80. a.text:link, a.text:visited {color:c0c0c0}
  81.  
  82. a.text:hover {color:ffffff}
  83.  
  84. .nametext {background-image: url(http://img208.imageshack.us/img208/5936/nametext4jt.jpg); background-position: bottom center; background-repeat: no-repeat; overflow: hidden; height: 143px; width: 195px; font-size: 1px; text-align: left; color: 000000; padding: 0px 0px 3px 0px; display: block; margin: 14px 0px 8px 0px; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000;}
  85.  
  86. .contactTable {width: 328px !important;}
  87.  
  88. .contactTable td {padding: 0px; margin: 0px; text-align: center;}
  89.  
  90. .contactTable span.whitetext12 {position: relative; left: 10px;}
  91.  
  92. .contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}
  93.  
  94. .contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}
  95.  
  96. .contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}
  97.  
  98. table tr td table tr td table tr td div strong {display: block; width: 270px;}
  99.  
  100. .whitetext12 {color:797471; font-size: 12px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 270px}
  101.  
  102. .blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}
  103.  
  104. .blacktext12:before {content: "WOW!";}
  105.  
  106. .btext {color:797471 font-size: 12px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000}
  107.  
  108. .orangetext15 {color:797471; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 000000; width: 372px}
  109.  
  110. .lightbluetext8 {color:797471}
  111.  
  112. .redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}
  113.  
  114. .redbtext:after {content: "awesome";}
  115.  
  116. a.redlink:link {color:797471; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 000000; padding-top: 3px;}
  117.  
  118. a.redlink:visited {color:ffffff}
  119.  
  120. a.redlink:hover {color:797471}
  121.  
  122. u {text-decoration: none; font-size: 10px;}
  123.  
  124. </style>
  125.  
  126. <![if !IE]>
  127.  
  128. <style type="text/css">
  129.  
  130. .whitetext12 {width: auto}
  131.  
  132. .contactTable {width: auto !important;}
  133.  
  134. .contactTable span.whitetext12 {left: 0;}
  135.  
  136. .orangetext15 {width: auto;}
  137.  
  138. table table table td {padding: 0;}
  139.  
  140. table table table {padding: 0 14px 14px 14px; border-color: 000000;}
  141.  
  142. table table table {max-width: 423px;}
  143.  
  144. .nametext {height: 35px; width: auto;}
  145.  
  146. </style>
  147. <![endif]>
  148.  
  149. <style type="text/css"> .contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("http://img207.imageshack.us/img207/8880/contacttable5xh.jpg"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;} .contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;} .contactTable a img {visibility:hidden; border:0px!important;} .contactTable a {display:block; height:28px; width:115px;} .contactTable .text {font-size:1px!important;}.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}
  150.  
  151. a .text 
  152.  {
  153.     font-weight: bold;
  154.     font-family: Arial, Helvetica, sans-serif;
  155.  }
  156.  
  157.  
  158.     body, html {visibility:visible !important; display:block !important}
  159.  
  160. </style>
Jan 24 '07 #4
PS I put a screen shot there in the first post. Can you see it?

Thank you!
Jan 24 '07 #5
drhowarddrfine
7,435 Expert 4TB
Yes, I can see the screenshot.

First, the <link> tag is in the wrong place and needs to be moved up into the head.
Second, you are using Xhtml ending tags, />, but you are coding in html. Remove the slashes.
Third, there are 173 html errors and about a dozen CSS errors. Like I said, myspace is a coding nightmare. Validate and see if those errors can even be fixed.

Once I get my other computer up and running, I can look for some links I have from people who have taken the time to kludge myspace pages so they look good.

Most of us really hate myspace questions.
Jan 24 '07 #6
Thanks so much for the help. Sorry you hate MySpace questions. I really would like to do this for my friend if possible. I know there is a way to put that header under the MySpace navigation... I just haven't quite figured it out.

I will keep working on it.
Jan 24 '07 #7
Thanks so much for the help. Sorry you hate MySpace questions. I really would like to do this for my friend if possible. I know there is a way to put that header under the MySpace navigation... I just haven't quite figured it out.

I will keep working on it.

Hi there, I've just had a look at your page and see that you have been able to get the header in. Would it be possible for you to post your new CSS that you have figured out so I can work backwards and see how you did it?

thanks

thomas
Apr 16 '07 #8

Sign in to post your reply or Sign up for a free account.

Similar topics

2
by: sieg1974 | last post by:
Hi, I'm learning C++, and came accross the following code. Could someone explain me why there is a line starting with :: ? Thanks, Andre ModuleA::_TAO_Services_Remote_Proxy_Broker *
0
by: KPants | last post by:
I'm currently attempting to fix an issue that's been occuring with the design template I made for my Myspace... At first, it looked perfectly fine in Firefox, but in IE, everything was off the the...
45
by: marklaa | last post by:
I have created a banner, uploaded it (http://i15.photobucket.com/albums/a382/marklaa/AbsoluteSalsaBanner1.jpg) and now i want to insert this at the top of the page on my myspace site...
6
by: AppleBag | last post by:
I'm having the worst time trying to login to myspace through code. Can someone tell me how to do this? Please try it yourself before replying, only because I have asked this a couple of times in...
0
markmcgookin
by: markmcgookin | last post by:
Hi Folks, First off, Happy New year to all! This is a bit of a strange question, now I am a fairly accomplished .asp and .html web developer, and very computer literate, and I have recently...
1
drhowarddrfine
by: drhowarddrfine | last post by:
MySpace is a coding nightmare. Many web developers will ignore questions about it because it is just too much work and hard to decipher what is going on. The code for it is also non-standard and...
0
by: omglisaa | last post by:
http://www.myspace.com/paintmyheart - This is my myspace I want to know how to place an image like this person has on there myspace: http://img.photobucket.com/albums/v117/xxx__/howdoidothis.jpg...
6
by: redcanary10 | last post by:
I am fairly new to the html realm and have encountered a problem I can't seem to figure out. I am working on a film myspace ( http://www.myspace.com/mintygreenidiots ) and want to add a table that I...
2
by: everly | last post by:
Hi, I'm helping my friends band and making their MySpace. I messed something up and I can't figure out what it is. Everything is all out of whack on the bottom half of the page. The comments...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.