Help - Search - Members - Calendar
Full Version: banner above navigation bar
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
lilmzrocawear
ok well I have this friend and she used a code to put my banner above the navigation bar. this is the code she used
CODE
<style>
body div td td {height:350px; width:781px; vertical-align:bottom; background-image:url(PIC URL); background-repeat:no-repeat; background-position:center;}
</style>

but since myspace upgraded to the new navigation the code just pushes the navigation bar up.
but when i use the code it only shows half of the banner. here is my myspace url, I made my page public so you can see how it looks

http://profile.myspace.com/index.cfm?fusea...endid=292436539

this is how my friends myspace looks except her banner shows and its not cut off like mines is. Can anyone tell me how I can make all of my banner show and keep it in that same position
lilmzrocawear
is my profile showing up private to anyone else?.
lilmzrocawear
that just puts the big banner on my page, and I wanted it under the navigation bar like I had it but with the banner showing everything not being cut off like you see on my page
lilmzrocawear
if i hide the navigation where can i put my banner?
lilmzrocawear
ok i hid the new navigation banner. but its not showing my banner at all. which code can I use to put my banner up their where the ad is, like above my profile
fixtatik
try something like this:
CODE
<style type="text/css">
  .profile { height:429px; vertical-align:bottom; }
  div table, table table { margin-top:0; }
  .topbanner {
    background:url(IMAGE LINK) top left no-repeat;
    width:800px; height:400px;
    position:absolute; top:0; left:50%;
    margin:129px 0 0 -400px; }
</style>

<div class="topbanner">
  Any text, links, videos you want can be added here.
</div>

a little explanation of it. the width and height are determined by how wide and tall you want the banner to be, of course. in the example i'm giving, because the banner is 800 pixels wide, you'd want to move it 400 pixels to the left of the exact center of the page to make the banner in the exact center (left:50%; puts the left edge in the middle, the -400px part of margin moves it 400 pixels to the left).

the 129px part of margin moves the banner 129 pixels from the top of the page, which is just below the search bar. for whatever height your banner is, add 29 pixels to that to get the height of the ".profile" class. 29 pixels is the height of the navigation links.

obviously, if you don't want to use a background image you don't have to (just remove that entire line), and if you don't want anything extra, leave out the parts between <div class="topbanner"></div>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.