Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Question Link is in HTML but not working

    Hi, on my website: http://aet.inpreview.net/test/wordpress/ my fading banners are linked but I can't click on them?!

    Can anyone please help?

    thanks

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,853
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    It's because you have set z-index:-1; on #banners. You need to use positive z-indexes to get it work.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder Lerura's Avatar
    Join Date
    Aug 2005
    Location
    Denmark
    Posts
    945
    Thanks
    0
    Thanked 129 Times in 128 Posts
    in aet.css you have #banners { z-index: -1; .....}

    by assigning a negative z-index you make it display behind that the document and thereby it becomes unclickable.

    Imagine that the viewport, as a piece of glass, (like a window). on which the document is attached.
    elements with zero, no, or positive z-index will be placed i front of the glass, the higher z-index, the closer to you.

    While negative z-indexed elements will be displayed behind the glass.

    Have you ever tried to slap a fly sitting on the outside of a window, from the inside?
    Maybe you have, but I bet you, in that case, were unsuccesful.

    I know you have the negative z-index to put #banners behind #myslidemenu

    Instead you can put #myslidemenu in front of #banners by giving it z-index:1
    or by swapping the code blocks.
    Code:
    <div id="myslidemenu">...</div>
    <div id="banners">...</div>
    to
    Code:
    <div id="banners">...</div>
    <div id="myslidemenu">...</div>
    Any way, you have to remove the negative z-index in order to make it clickable.

    beside that you have a tried on other element to assign z-index:10px; z-index is not a distance, but more like a rank, where those with the lower rank must go first.


  •  

    Tags for this Thread

    Posting Permissions

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