SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    405
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    RE: CSS Negative Margin Issue

    Hi,

    I'm working on a layout which I've used a negative top margin on the image of the lady but this has meant that part of the menu has come inaccessible.

    Is there an easier way of resolving this?

    http://martinsandhu.com/debug/

    Thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,299
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Set position relative on the nav to keep it on top.

    Code:
    oNavigation {border:0 solid red;
    color:#43003E;
    float:left;
    font-size:20px;
    margin-top:120px;
    position:relative;
    width:424px;
    
    
    }
    Is that what you meant ?

  3. #3
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,121
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    One thing you could do is this:

    - give the header div position: relative;
    - move the image into the header. Give it position: absolute, right and top coordinates (eg top: 400px; right: 0; ) and give it z-index: 1;
    - set the UL to position: absolute; z-index:10;

    Worth a try, anyhow. Worked for me in testing, but might need some fiddling.

    EDIT: gulp! Paul's solution is so much simpler!
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •