www.webdeveloper.com
Results 1 to 2 of 2

Thread: Coda Slider and Z-Index

Hybrid View

  1. #1
    Join Date
    Jan 2008
    Posts
    123

    Coda Slider and Z-Index

    Good Morning Forum,

    I'm attempting to make my drop down menus go in front of my coda-slider, but alas, no bacon.

    I'm assuming it's a z-index issue somewhere. Any ideas?

    Link: http://www.nastarcenter.com/nastarRedux/dupe1.php
    Below is what I changed so-far:
    Menu CSS:
    Code:
    .jqueryslidemenu{
    width: 940px;
    height:3px;
    margin: 25px 0px 0px 30px;
    padding-top:15px;
    z-index:25;
    }
    
    .jqueryslidemenu ul{
    margin: 0;
    padding: 0;
    list-style-type: none;}
    
    /*Top level list items*/
    .jqueryslidemenu ul li{
    position: relative;
    display: inline;
    float: left;
    width:149px;
    letter-spacing:1.0px;
    font-weight:300;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
    margin-right:2px;}
    Coda-Slider CSS:
    Code:
    .stripViewer { /* This is the viewing window */
    			position: relative;
    			overflow: hidden; 
    			margin: auto;
    			width: 900px; /* Also specified in  .stripViewer .panelContainer .panel  below */
    			height: 250px;
    			clear: both;
    			background: #fff;
    			z-index:-5;
    		}
    --thesprucegoose

  2. #2
    Join Date
    Jan 2008
    Posts
    123
    Success!

    Code:
    .jqueryslidemenu ul li ul{
    position: absolute;
    left: 0;
    display: block;
    visibility: hidden;
    text-align:center;
    vertical-align:baseline;
    border:none;
    z-index:25;}
    
    /*Sub level menu list items (undo style from Top level List Items)*/
    .jqueryslidemenu ul li ul li{
    display: list-item;
    float: none;
    padding:5px 0px;
    background:#000000;
    border-bottom:#536d9a solid 1px;
    color:#536d9a;
    z-index:25;
    }
    --thesprucegoose

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles