Log In · Register

 
banner above navigation bar
lilmzrocawear
post Jun 22 2008, 10:50 AM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Jun 2008
Member No: 660,671



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
 
 
Start new topic
Replies
fixtatik
post Jun 22 2008, 09:36 PM
Post #2


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



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>
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: