myspace masthead

[tiffanylynn76]

Ok so I have been trying different things for many hours here. I found a code and played with it a bit and i can not get my masthead to appear over my background. My myspace url is http://www.myspace.com/skyfalltestsite1

My code is this…

<style type="text/css">

.commentlinks a { font-weight:normal; font-size:9px; }

td.columnsWidening img, td.columnsWidening object { max-width:260px; }

</style><style type="text/css">
td.columnsWidening img, td.columnsWidening object { width: expression(this.width > 260 ? 260 : true); }
</style><style type="txt/css">
.loc2 a small { font-size:12px; } div.srchButton div input#submit { padding:5px 0 5px 0; } div#shortcuts {margin: 4px 0px 0px 5px !important; padding: 7px 0 0 7px !important;}
</style><style type="text/css">
#header * { font-family:verdana,arial,sans-serif,helvetica; }
.popup_wrapper {z-index: 1000001 !important;}
</style><style type="text/css">
#headerWrap #header #topnav
{
background: none !important;
}
</style><style type="text/css">
#header TABLE DIV#srchMenuListBox_Header{display: none !important;}
#header TABLE DIV#srchMenuListBox_Header.open{display: block !important;}
div#searchContainer_Header{ margin-top: 5px !important;width:450px !important;}
</style><style type="text/css">
#srchMenuListBox_Header{white-space:nowrap !important;background-image:none !important;}
#srchMenuListBox_Footer{white-space:nowrap !important;background-image:none !important;}
DIV.srchfieldLayer{width:304px !important;}
DIV#srchMenuListBox_Header{width :auto !important;}
DIV.srchfieldLayer DIV{width:auto !important;}
DIV.srchfieldLayer DIV DIV{width:auto !important;}
DIV#srchMenuContainer{width:auto !important;}
DIV.srchButton{width:auto !important;}
div.srchButton div{width:auto !important;}
div#srchMenuListBox_Header{display:none !important;div#srchMenuListBox_Footer{display:none !important;}
</style><style type="text/css">
#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;}
#musicJVNav {width:800px; background-image:url( http://x.myspacecdn.com/modules/musicv2 … nav_bg.gif); background-color:#e2e2e2; color:#e2e2e2; border-spacing:0px;}
#musicJVNav td {color:#999999;}
#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 type=text/css>
#browseMain td {text-align:left;}
</STYLE>
<style type="text/css">
body {
background-color: 000000; background-image:url(http://www.skyfallmedia.com/clients/mro … undbka.jpg);

background-position: top center;
background-attachment: fixed;
margin-top: 342;
background-repeat: no;
background-size: auto;

}

table, td {
background-color:transparent;
}

table table table table {
background-image:none;
}
table table table table, table table table td {
border-style:none;
}
body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited {
color:000000;
font-weight:normal;
font-style:normal;
}
.blacktext11, .blacktext8, .3e5649text12, .lightbluetext8, .nametext, .btext, .redtext, .redbtext {
color:000000;
font-weight:bold;
font-style:normal;
}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited, a.redlink, a.redlink:visited {
color:000000;
font-weight:bold;
font-style:normal;
}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active, a.redlink:hover, a.redlink:hover {
color:000000;
font-weight:bold;
font-style:normal;
}
a.text:hover {
color:000000
}
.orangetext15 {
text-transform:uppercase;
letter-spacing:1px;
color: 7f0406;
font-size: 17px;
margin: 14px 0px 4px 0px;
padding: 0px 0px 10px 0px;
text-align: center;
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: 000000;
width: 372px
}
input {
background-color:transparent !important
}
table, tr, td, table table, table table td {
border-width:0px;
background-color: transparent;
}
table table table table {
border-width:0px;
background-color:transparent;
padding:0px;
margin:0px;
background-image: none;
}
.nametext {
background-image: url(http://www.skyfallmedia.com/clients/mro … ametag.jpg);
background-position: bottom center;
background-repeat: no-repeat;
overflow: hidden;
height: 40px;
width: 270px;
font-size: 1px;
text-align: left;
color: FFFFFF;
padding: 0px 0px 3px 0px;
display: block;
margin: 14px 0px 8px 0px;
border-width: 0px 0px 1px 0px;
border-style: dotted;
border-color: 000000F;
}
NOTE {This is your custom masthead}

.masthead2 {margin-left: -400px; left: 50%; position: absolute; top: 0px; width: 800px; height: 342px;}

.lightbluetext8 {
font-size:10px;
font-weight:bold;
text-transform:uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
color: 7f0406 !important;
}
.whitetext12 {
font-size:14px;
font-weight:bold;
text-transform:uppercase;
font-family: Georgia, "Times New Roman", Times, serif;
color:7f0406 !important;
}
.contactTable {
width:300px !important;
height:150px !important;
background-image:url(http://www.skyfallmedia.com/clients/mro … _table.jpg);
background-repeat:no-repeat;
background-color: transparent;
background-attachment:scroll;
background-position:center center;
padding:0px !important;
}
.contactTable table, table.contactTable td {
background-color:transparent;
background-image:none;
padding:0px !important;
}
.contactTable a {
display:block;
height:28px;
width:115px;
}
.contactTable a img {
visibility:hidden;
border:none;
}
.contactTable .text {
font-size:1px!important;
text-align: center;
}
.contactTable .3e5649text12 {
display:none;
text-align: center;
}
.contactTable .whitetext12 {
display:none;
text-align: center;
}
.left_area
{
width: 327px;
position: absolute;
margin-left: -400px;
_margin-left: -0px;
left: 50%;
top: 1500px;
border-color: FFFFFF;
background-color: ffffff;
padding-top: 12px;
}
.left_content
{
width: 315px;
margin-left: 6px;
margin-top: 10px;
}
</style><style type="text/css">

NOTE {Here, we basically undo a bunch of crap we had to do to get IE to play nice}

.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: 3e5368;
border: none;
}

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

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

table tr td table tr td table tr td div strong {
display: inline;
width: auto;
}
</style>

<style type="text/css">

.masthead span { background: url(http://www.skyfallmedia.com/clients/mro … ader1e.jpg) no-repeat bottom center; }

.masthead2 a {width: 800px; height:342px; position: absolute; margin-left: -350px; left: 50%; top: 200px; background-image: url(http://www.skyfallmedia.com/clients/mro … ader1e.jpg); cursor: pointer;}

</style>

<style>a .text { font-weight: bold; font-family: Arial, Helvetica, sans-serif; }</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style><br><br>

any help would be more than greatly appreciated.

[tiffanylynn76]

ok i get it… so excuse my ignorance but how do i fix? and yes your right im trying to show http://www.skyfallmedia.com/clients/mro … ader1e.jpg

can you repost the whole css with the fix?

THANK YOU!!!!

[Author]

Posts