#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    1
    Rep Power
    0

    Need help overlaying div


    I'm working on a non-profit site, and I have come up against a problem.
    I am a beginner level web html/css designer, and have barely been able to come up with the present.
    After creating the simple drop down menu, I pasted a jQuery image slider into the page, but now the problem is that the drop down menu drops under the image slider, and I need it to go on top. What's the easiest way to make the appearing div go in front in stead of the back.
    Please try to make a simple answer, and one that I can understand.

    Website: srcepunoosmjeha.ba/v3/index.html

    Default css: srcepunoosmjeha.ba/v3/default.css

    Image slider css: srcepunoosmjeha.ba/v3/css/quake.slider.css

    Thanks in advance for your help!
  2. #2
  3. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    253
    Rep Power
    87
    Hi there Elixan,

    and a warm welcome to these forums.

    Add the highlighted in red attribute here...
    Code:
    #nav ul ul{
        position: absolute;
        z-index:1;
        visibility: hidden;
        top: 62px;
        background-image: url(images/pics.png);
    }
    
    coothead
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    13
    Rep Power
    0
    Thank you very much!
    Sorry for not replying on time - has some username problems. This helped. Although the div still disappears during animation, it pops on top while the image is static. Thank you!
  6. #4
  7. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    253
    Rep Power
    87
    Hi there fool4krist,

    have you tried increasing the z-index value?

    There may be a z-index value in the "JQuery" script that is higher during animation.

    coothead
  8. #5
  9. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    13
    Rep Power
    0
    So the z-index value starts from 1 (bottom layer) to a higher number of top layer? Can it have a negative value?

    Yep, putting it to 1000000 definitely helped )
  10. #6
  11. ~ bald headed old fart ~
    Devshed Newbie (0 - 499 posts)

    Join Date
    May 2005
    Location
    chertsey, a small town s.w. of london, england
    Posts
    253
    Rep Power
    87
    Hi there fool4krist,

    the z-index values can range from negative through to positive.

    You may find the following link, although slightly old, mildly amusing...

    coothead

    Comments on this post

    • fool4krist agrees
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Oct 2012
    Posts
    13
    Rep Power
    0
    I guess that could be useful info
    I've got trouble with keeping the footer in place on the bottom of the page. As long as the screen is shorter (in height) than the length of the page, everything is fine. But in high res (or by zooming out a few times) the footer jumps up to the middle which is annoying. How can I fix this?
    I've tried positioning to absolute and relative with bottom: 0;
    But one fixates it to the middle of the page as I scroll down (where the bottom of the page was before I scrolled), and the other scrolls with the screen as I scroll, although on the bottom where it's supposed to be. Thanks!

    You can check the link, it's constantly updated.

IMN logo majestic logo threadwatch logo seochat tools logo