A question about CSS masthead

Discussion in 'Web Design and Development' started by G5Unit, May 11, 2008.

  1. G5Unit macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #1
    On my MySpace page I currently have a banner on top that kind of spills onto the profile on purpose.

    My question is, is it possible to overlay more pictures such as sticky notes or Polaroids on top of the rest of my profile?

    They would be a lot further down, such as 1000 pixels down the page.

    Here is the page:

    Yannik's MySpace

    Thank you!

    EDIT: I rephrased me question below.
     
  2. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #2
    Use the position: absolute; and z-index property to do that along with top, left, right, and/or bottom.
     
  3. G5Unit thread starter macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #3
    I'm sorry I'm not to good with CSS yet. Could that be clarified?

    I attempted to just copy and paste the code I have currently and move it down, yet then it removed my original, allowing me to only have 1 overlay.
     
  4. TodVader macrumors 6502a

    TodVader

    Joined:
    Sep 27, 2005
    Location:
    Quebec, Canada
    #4
  5. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #5
    I don't know the exact code you're dealing with so can't give an exact solution.

    Code:
    .class {
     position: absolute;
     top: 1000px; left: 100px;
     z-index: 2;
    }
    .class2 {
     position: absolute;
     top: 1000px; left: 150px;
     z-index: 3;
    }
     
  6. G5Unit thread starter macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #6
    Code:
    <style>div td {background-color:000000;}</style>
    <div class="masthead"><span><img src="http://img28.picoodle.com/img/img28/4/5/11/f_yaym_95e5b6f.png" border="0" /></a></span></div>
    <style type="text/css">
    .masthead {width: 750px; position: absolute; margin-left: -460px; left: 50%; top: 160px; 
    background-image: url();}
    body table {margin-top:280px;}
    body td table, body div table {margin-top: 0;}
    </style>
    Here it is:eek:
     
  7. G5Unit thread starter macrumors 68020

    G5Unit

    Joined:
    Apr 3, 2005
    Location:
    I'm calling the cops
    #7
    I'm going to rephrase my question:

    How can I turn this:

    [​IMG]

    in this, with the apple logo anywhere I want on the page:

    [​IMG]
     

Share This Page