Drop down menu y Nivo slider

creear · #1 (**permalink**) 26/11/2010, 09:59

Estoy teniendo un problema, el submenu de empresa cuando se despliega se posiciona debajo del slideshow, como hago para evitar esto?

ejemplo: http://tiny.cc/7p681

gracias

josueochoa · #2 (**permalink**) 26/11/2010, 10:57

Código HTML:

#featarea {
background-color:#01796F;
background-image:url("/wp-content/themes/nextelement/images/patterns/bubbles_3.png");
position:relative;
z-index:-1; /* aqui esta lo que hace que se pone abajo */
}

prueba anadir ese codigo aver, a mi me funciona en el firebug.

cristian_cena · #3 (**permalink**) 26/11/2010, 11:16

Ampliando la respuesta de josueochoa. Debes tratar al menu y al slide como hermanos y darle z-index a ambos. Donde por ejemplo das z-index:0; al slide y z-index:1; al menu.

Tip: si no das position (relative, absolute o fixed) a ambas capas z-index no funcionará.

Este breve pero muy practico tutorial seguro te va a aclarar el modo en que se apilan capas con css.

Espero te sea útil, saludos.

creear · #4 (**permalink**) 30/11/2010, 05:46

Muchas gracias muchachos, sirvio!!!

creear · #5 (**permalink**) 03/12/2010, 07:05

Chicos, me pueden ayuda,r a veces el submenu no se muestra, paso el musse por encima y no se despliega el submenu, porque puede ser esto?

Gracias

nivelsur · #6 (**permalink**) 23/03/2012, 10:17

ya se que a pasado mucho tiempo y me sirvieron las cosas que se hablaron en este post, pero me preguntaba si me pueden explicar porque mi nivo slider solo me funciona en el inicio de mi CMS y no en todas secciones.

codigo

Código PHP:

  <?php if (!defined('CMS')) exit; ?> 
<?php echo $this->doctypeDeclaration(); ?> 
 
<html<?php echo $this->htmlAttributes(); ?>> 
<head> 
<?php 
    $site->addCss(BASE_URL.THEME_DIR.THEME.'/960.css'); 
    $site->addCss(BASE_URL.THEME_DIR.THEME.'/site.css'); 
    $site->addCss(BASE_URL.THEME_DIR.THEME.'/ip_content.css'); 
    $site->addCss(BASE_URL.LIBRARY_DIR.'js/colorbox/themes/2/colorbox.css'); 
    echo $site->generateHead(); 
?> 
    <!--[if lt IE 9]> 
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
    <![endif]--> 
    <body<?php if ($site->managementState()) { echo ' class="manage"'; } ?>> 
    <div class="container_12 wrapper"> 
    <meta charset="utf-8" /> <!-- Tipo de Codificación --> 
<link rel="stylesheet" href="ip_themes/lt_pagan/nivo-slider.css" type="text/css" media="screen" /> <!-- carga estilo nivo-slider.css --> 
<link rel="stylesheet" href="ip_libs/js/nivoslider/default/default.css" type="text/css" media="screen" /> <!-- carga estilo theme default.css --> 
<script src="ip_libs/js/jquery-1.7.1.min.js" type="text/javascript"></script> <!-- carga jQuery --> 
<script src="ip_libs/js/nivoslider/jquery.nivo.slider.pack.js" type="text/javascript"></script> <!-- carga plugin jquery.nivo.slider.pack.js --> 
<script type="text/javascript"> 
    $(window).load(function() { 
            $('#slider').nivoSlider(); // Carga de NivoSlider 
    }); 
</script> <!-- carga el slider cuando el navegador está dispuesto--> 
</head> 
        <header class="grid_12"> 
            <a class="sitename" href="<?php echo $site->generateUrl(); ?>"><?php echo $parametersMod->getValue('standard', 'configuration', 'main_parameters', 'name'); ?></a> 
            <div class="languages"> 
                <?php 
                    require_once (BASE_DIR.MODULE_DIR.'standard/languages/module.php'); 
                    echo ModulesstandardlanguagesModule::generateLanguageList(); 
                ?> 
            </div> 
            <img class="banner" src="<?php echo BASE_URL.THEME_DIR.THEME; ?>/img/header.jpg" alt=""> 
            <?php echo $site->getZone('search')->generateSearchBox(); ?> 
            <div class="topmenu clearfix"> 
                <?php 
                    require_once (BASE_DIR.LIBRARY_DIR.'php/menu/common.php'); 
                    $menuTop = new LibraryPhpMenuCommon(); 
                    echo $menuTop->generateSubmenu('top', null, 2); //$zoneName, $parentElementId, $depthLimit 
                ?> 
            </div> 
             <div id="wrapper"> 
    <div class="slider-wrapper theme-default"> 
        <div id="slider" class="nivoSlider"> 
            <img src="http://necesitomiweb.com.ar/image/nivoslider/01.jpg"/>  
            <img src="http://necesitomiweb.com.ar/image/nivoslider/02.jpg"/> 
            <img src="http://necesitomiweb.com.ar/image/nivoslider/03.jpg"/> 
            <img src="http://necesitomiweb.com.ar/image/nivoslider/02.jpg"/> 
            <img src="http://necesitomiweb.com.ar/image/nivoslider/05.jpg"/> 
        </div> 
    </div> 
</div> 
        </header>

esta es la parte final del archivo php

Código PHP:

 
    </div> 
    <?php 
        $site->addJavascript(BASE_URL.LIBRARY_DIR.'js/jquery/jquery.js'); 
        $site->addJavascript(BASE_URL.LIBRARY_DIR.'js/colorbox/jquery.colorbox.js', 2); 
        $site->addJavascript(BASE_URL.THEME_DIR.THEME.'/site.js', 2); 
        $site->addJavascript(BASE_URL.LIBRARY_DIR.'js/nivoslider/jquery.nivo.slider.pack.js'); 
        echo $site->generateJavascript(); 
    ?> 
</body> 
</html>

la web es www.necesitomiweb.com.ar, si alguien me tira una pista se lo voy a agradecer mucho.