Alright, alot of you might not get through this because it involves myspace, but I need your help with positioning a banner.
The myspace is myspace.com/duanemanns
As you can see there is a banner that needs to be positioned in the center, below the addds and above the music player etc. Here is the code.
<style type="text/css">
body{
background-position:top center;margin-top: 300;}
div.topbanner {
top: 0;
left: 49%;
margin-left: -230px;
width: 700px;
height: 457px;
position: absolute;
}
</style>
<div class="topbanner">
<IMG SRC="http://www.aslan-studios.com/david/Duane's%20MySpace/masthead.jpg" border="0">
</div>
<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');
}
</style>
<style type="text/css">
NOTE {Reduce font metrics to tighten up top of screen... apply background color... apply IE-only background image if desired}
body {font-size: 1px; line-height: 1px;
background-color:ffffff;
font-family: Verdana, Arial, sans-serif;
background-repeat: repeat-y;
background-position: top center;
background-image: transparent;}
NOTE {Apply better spacing to paragraphs}
p {margin: 0px 0px 1em 0px; font-family: Verdana, sans-serif !important}
NOTE {Set standard color and style for links}
a, a:link, a:visited {color:6f7164; text-decoration: none;}
a:hover {color:000000; text-decoration: none}
NOTE {Brought to you by the Images Without Borders coalition}
img {border: none}
NOTE {Set the BR height to create a vertical space between modules which is equal to the horizontal space between columns... gotta keep the grid tidy}
br {line-height: 20px;}
NOTE {Apply standard form-taming}
form {border-width:0px;background-color:none;}
input {background-color:transparent !important}
NOTE {Shifts banner ad over by a few pixels to re-center it}
body>div {margin-left: 0px;}
NOTE {Zeros out messed up colors and spacing that are inherent to most MySpace tables}
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}
NOTE {These are your standard content modules... apply desired background color}
table table table table {border-width:0px;background-color:ffffff;padding:0px;margin:0px; background-image: none;}
table table table table td {padding:0px;margin:0px;}
table table table {margin:0px; background-color:ffffff; width: 100% !important; border-width: 3px; border-style: double; border-color: 649900;}
NOTE {Sets default style for topnav/bottomnav text}
font {color:000000;font-size:10px}
a font:hover {color:000000}
a.navbar:link, a.navbar:visited {color:342815}
a.navbar:hover {color:000000}
table tr td table tr td font {display: inline;}
table tr td table a.navbar {font-size: 10px;}
NOTE {Sets default color for most text on the page}
.text {color:000000;font-size:11px}
a.text:link, a.text:visited {color:342815}
a.text:hover {color:000000}
NOTE {Your "Contact Me" table... replace existing crap buttons with custom image}
.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.aslan-studios.com/david/Duane's%20MySpace/contact.jpg"); 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;}
NOTE {Stretches URL box out for IE}
table tr td table tr td table tr td div strong {display: block; width: 270px;}
NOTE {These are the headlines on the left side modules}
.whitetext12 {color:000000; font-size: 18px; margin: 0px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Helvetica; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 7e96a2; width: 270px}
NOTE {This is the text in the "... is in your extended network" box}
.blacktext12 {color:7e96a2;font-size:18px; font-family: Georgia, Helvetica, Arial, sans-serif; font-weight: normal; display: block; margin-top: 14px}
NOTE {Why not generate an exclamation phrase in the aforementioned box?... not viewable in IE}
NOTE {"Latest Blog Entry" and "___ has this many friends" headlines}
.btext {color:000000; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; display: block; font-family: Helvetica; font-weight: normal; text-align: center; border-width: 0px 0px 3px 0px; border-style: double; border-color: 7e96a2}
NOTE {All other headlines in right column modules}
.orangetext15 {color:000000; font-size: 18px; margin: 14px 0px 4px 0px; padding: 0px 0px 3px 0px; text-align: center; display: block; font-family: Helvetica; font-weight: normal; border-width: 0px 0px 3px 0px; border-style: double; border-color: 7e96a2; width: 372px}
NOTE {Bold text on left side in "Interests" and "Details" modules}
.lightbluetext8 {color:000000}
.redtext,.redbtext {color:649900; font-family: Georgia, Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold}
NOTE {Text for "View All of ____'s Friends"}
a.redlink:link {color:000000; display: block; text-align: center; border-width: 3px 0px 0px 0px; border-style: double; border-color: 7e96a2; padding-top: 3px;}
a.redlink:visited {color:437538}
a.redlink:hover {color:76996e}
NOTE {Removes lame underlines on footer links}
u {text-decoration: none; font-size: 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: 7e96a2;
}
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">
.commentlinks a { font-weight:normal; font-size:9px; }
</style><style type="text/css">
body, html {visibility:visible !important; display:block !important}
</style>
I’ve googled for a while, used Mike D’s tutorial, even copied the code I used on another mySpace before but for some reason it just isn’t working. Thanks again for any help.