Pls. Help With MySpace DIV/CSS Issue

**AricC** · Jan 24 '07, 02:16 PM

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

**drhowarddrfine** · Jan 24 '07, 02:36 PM

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.

**webgyrl** · Jan 24 '07, 02:56 PM

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):

Code:

<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');
}



	#musicnav {width:800px; border-bottom:1px solid #000; background-color:#990033; color:#FFFFFF;}
	#musicnav a {color:#FFFFFF; font-weight:normal; font-size:90%; display:inline-block;}

						
body {margin-top: 0;}

[B]div.header {position: absolute;top: 210px;left: 50%; margin-left: -422px; width: px; height: 0px;}

<div class="header"><center>
  <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>
<a href="http://www.davesereny.com" target="_blank"<div class="masthead"><span></span></div></a>[/B]

td, table, tr, span, li, p, div, textarea, DIV {color:ffffff;} 
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);}

p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}

a, a:link, a:visited {color:c0c0c0; text-decoration: none;}

a:hover {color:ffffff; text-decoration: none}

img {border: none}

br {line-height: 20px;}

form {border-width:0px;background-color:none;}

input {background-color:transparent !important}

body>div {margin-left: 10px;}

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 26px 15px 26px}

table table table table {border-width:0px;background-color:transparent;padding:0px;margin:0px; background-image: none;}

table table table table td {padding:0px;margin:0px;}

table table table {margin:0px; background-color:000000; width: 100% !important; border-width: 3px; border-style: double; border-color: 000000;}

.masthead {width: 870px; height: 18px; position: absolute; margin-left: -434px; left: 50%; top: 519px; background-image: url(http://www.mbstia.com/myspace/bullet.gif);}

body table {margin-top:330px;}

body td table, body div table {margin-top: 0;}

font {color:ffffff;font-size:10px}

a font:hover {color:c0c0c0}

a.navbar:link, a.navbar:visited {color:c0c0c0}

a.navbar:hover {color:ffffff}

table tr td table tr td font {display: inline;}

table tr td table a.navbar {font-size: 10px;}

.text {color:ffffff;font-size:11px}

a.text:link, a.text:visited {color:c0c0c0}

a.text:hover {color:ffffff}

.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;}

.contactTable {width: 328px !important;}

.contactTable td {padding: 0px; margin: 0px; text-align: center;}

.contactTable span.whitetext12 {position: relative; left: 10px;}

.contactTable td table {background-color: transparent; background-image: url(http://www.mbstia.com/myspace/menu.gif); background-position: center; background-repeat: no-repeat;}

.contactTable a {padding: 0px; margin: 0px 0px 1px 5px; display: block; height: 30px; width: 136px; background-color: transparent;}

.contactTable a img, .contactTable img {border: 0px; display: none; visibility: hidden;}

table tr td table tr td table tr td div strong {display: block; width: 270px;}

.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}

.blacktext12 {color:797471;font-size:18px; font-family: Arial, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}

.blacktext12:before {content: "WOW!";}

.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}

.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}

.lightbluetext8 {color:797471}

.redtext,.redbtext {color:797471; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold}

.redbtext:after {content: "awesome";}

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;}

a.redlink:visited {color:ffffff}

a.redlink:hover {color:797471}

u {text-decoration: none; font-size: 10px;}

</style>

<![if !IE]>

<style type="text/css">

.whitetext12 {width: auto}

.contactTable {width: auto !important;}

.contactTable span.whitetext12 {left: 0;}

.orangetext15 {width: auto;}

table table table td {padding: 0;}

table table table {padding: 0 14px 14px 14px; border-color: 000000;}

table table table {max-width: 423px;}

.nametext {height: 35px; width: auto;}

</style>
<![endif]>

<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;}

a .text 
 {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
 }


	body, html {visibility:visible !important; display:block !important}

</style>

**webgyrl** · Jan 24 '07, 02:57 PM

PS I put a screen shot there in the first post. Can you see it?

Thank you!

**drhowarddrfine** · Jan 24 '07, 03:41 PM

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.

**webgyrl** · Jan 24 '07, 08:53 PM

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.

**thomasmuirhead** · Apr 16 '07, 03:55 PM

Originally posted by webgyrl

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

Pls. Help With MySpace DIV/CSS Issue

Pls. Help With MySpace DIV/CSS Issue

Comment

Comment

Comment

Comment

Comment

Comment

Comment