My Space Banner Dilemma

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • paulbyrne
    New Member
    • Jan 2009
    • 1

    My Space Banner Dilemma

    Hi
    I have created a banner at the top of my bands myspace:

    Jelly’s Last Jam on MySpace Music - Free Streaming MP3s, Pictures & Music Downloads

    and I wanted the image to remain as the background when you scroll down as in this page:

    Franz Ferdinand on MySpace Music - Free Streaming MP3s, Pictures & Music Downloads

    Can anyone help?

    current code:


    Code:
    </style>
    
    
    <style type="text/css">
    body{ 
    background-position:top center;margin-top: 872
     ;}
    div.topbanner {
    top: 0;
    left: 49%;
    margin-left: -750px;
    width: 100%;
    height: 872px;
    position: absolute;
    }
    </style>
    <div class="topbanner"><IMG SRC="http://s235468517.websitehome.co.uk/myspace/banner.jpg" border="0"></div>
    
    
    <style type="text/css">
    .nametext {
    display:block;
    width:291px;
    height:168px;
    background-image:url([URL="http://s235468517.websitehome.co.uk/myspace/bandname.jpg%29;"]http://s235468517.websitehome.co.uk/myspace/bandname.jpg);[/URL]
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    }
    </style>
    many thanks
    Last edited by eWish; Jan 11 '09, 05:38 PM. Reason: Please use the code tags
  • eWish
    Recognized Expert Contributor
    • Jul 2007
    • 973

    #2
    Add this to your style sheet where you want the background image to be fixed.
    Code:
    background-repeat: no-repeat;
    background-attachment: fixed;
    CSS Background Properties

    --Kevin

    Comment

    • Markus
      Recognized Expert Expert
      • Jun 2007
      • 6092

      #3
      Simply set the image as the background and push the page content down, making the image appear as a masthead.

      Comment

      Working...