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

    Join Date
    Feb 2007
    Posts
    238
    Rep Power
    19

    Button not clickable in Safari / Chrome


    Hi,

    I have an image slider made by another coder. The arrows on the image slider work fine in every browser except chrome and safari where the button isnt clickable (even though you can see it).

    Here is a link:
    http://www.zombiemod.com/rm/nina2/main.php?g2_itemId=13

    This is the CSS for the buttons:
    Code:
    span#prevBtn{
    float:left;
    margin-top:-100px;
    margin-left:10px;
    *margin-left:0px;
    background: url(images/previousarrow.gif) no-repeat;
    z-index:10000;
    }
    span#nextBtn{
    float:right;
    margin-right:-15px;
    *margin-right:0px;
    margin-top:-100px;
    background: url(images/nextarrow.gif) no-repeat;
    Could anyone help shed some light on why this may be happening?
  2. #2
  3. CSS & JS/DOM Adept
    Devshed Supreme Being (6500+ posts)

    Join Date
    Jul 2004
    Location
    USA (verifiably)
    Posts
    20,124
    Rep Power
    4309
    The z-index property only applies to positioned elements. Therefore give position:relative and z-index:9000 to both elements.
    Spreading knowledge, one newbie at a time.

    Learn CSS. | PHP includes | HTML Validator | CSS validator

    Remember people spend most of their time on other people's sites (so don't violate web design conventions).

IMN logo majestic logo threadwatch logo seochat tools logo