Expongo todo el codigo, html y css para ver se puede solucionar.
Top_left.php < (menu1)
Código:
function navTop()
{
$codigo = '<ul class="menu1">';
$codigo .= '<li><a class="inv" href="'._WEB_ROOT.'"><b>'.strtolower(_INICIO).'</b></a></li>';
$codigo .= '<li><a href="'._WEB_ROOT.'general/contactar.php"><b>'.strtolower(_CONTACTAR).'</b></a></li>';
$codigo .= '<li><a href="'._WEB_ROOT.'general/cesta.php"><b>'.strtolower(_VER_CESTA).'</b></a>';
//Login-Logout
if (!isset($_SESSION["codCliente"]))
$codigo .= '<li><a href="'._WEB_ROOT_SSL.'cuenta/login.php"><b>'.Login.'</b></a></li>';
if (isset($_SESSION["codCliente"]))
$codigo .= '<li><a href="'._WEB_ROOT.'/cuenta/salir_sesion.php"><b>'.strtolower(_SALIR_SESION).'</b></a></li>';
if (isset($_SESSION["codCliente"]))
$codigo .= '<li class="espacio"><b> </b></a></li>';
if (isset($_SESSION["codCliente"]))
$codigo .= '<li class="espacio"><b> </b></a></li>';
if (isset($_SESSION["codCliente"]))
$codigo .= '<li><a href="'._WEB_ROOT_SSL.'cuenta/login.php" ><b>'.strtolower(_MI_CUENTA).'</b></a></li>';
if (isset($_SESSION["codCliente"]))
$codigo .= '<li><a href="'._WEB_ROOT_SSL.'cuenta/favoritos.php"><b>'.strtolower(_FAVORITOS).'</b></a></li>';
if (isset($_SESSION["codCliente"]))
$codigo .= '<div class="usuario" valign="bottom"><b>'.strtolower(_BIENVENIDO).' '.$this->nombreCliente().'</b></div>';
$codigo .= '</ul>';
echo $codigo;
}
familias.php < menu
Código:
$codigoMod .= '<div id="menu">
<ul>';
$codigoMod .= '<li class="nivel1"><a href="'._WEB_ROOT.'catalogo/articulos.php?fam='.$codFamilia.'" class="nivel1" >'.$descripcion.'</a>';
$codigoMod .= '<!--[if IE]><a href="'._WEB_ROOT.'catalogo/articulos.php?fam='.$codFamilia.'" class="nivel1ie">'.$descripcion.'<table class="falsa"><tr><td>
<![endif]-->';
$codigoMod .= '<ul>';
$codigo .= '<li class="primera"><a href="'._WEB_ROOT.'catalogo/articulos.php?fam='.$row["codfamilia"].'">';
$codigo .= $descripcion;
$codigo .= '</a></li>';
$codigoMod .= '</ul>';
$codigoMod .= '<!--[if IE]></td></tr></table></a><![endif]-->';
$codigoMod .= '</li>';
$codigoMod .= '</ul></div>';
estilos.css < hoja de estilos
Código:
/*Menu vertical familias*/
#menu { text-align: left;
font-size: 0.7em;
width: 130px;
margin: 0px;
}
#menu ul { list-style-type: none;
}
#menu ul li.nivel1 {
width: 120px;
}
#menu ul li.primera { border-top: solid 1px #FFF;
}
#menu ul li a {display: block;
text-decoration: none;
color: #fff;
background-color: #399;
border: solid 1px #fff;
border-top: none;
padding: 8px;
position: relative;
}
#menu ul li:hover {position: relative;
background-color: #6CC;
color: #000;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {display: none;
}
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 121px;top:-1px!important;top: -31px;
}
#menu ul li ul li a {width: 160px;
background-color: #6CC;
color: #000;
}
#menu ul li ul li a:hover {position: relative;
background-color: #399;
color: #FFF;
}
table.falsa {border-collapse:collapse;
border:0px;
float: left;
position: relative;
}
/*menu horizontal*/
.menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(images/button3.gif);}
.menu1 li.current a b {background:url(images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(images/button2.gif);}
.menu1 li a:hover b {background:url(images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(images/button3.gif) no-repeat right top;}
.menu1 li.espacio a {float:right;}
.menu1 li.espacio a b {}
.usuario {
padding: 0px 20px 4px 0px;
font-size:11px;
font-weight:bold;
color:#000;
float:right;
height:35px;
line-height:35px;
color:#fff;
text-decoration:none;
font-size:11px;
}
/*menu horizontal*/
Y en el HEAD:
Código:
<link rel="stylesheet" href="'._WEB_ROOT.'templates/'._TEMPLATE.'/estilos.css" type="text/css">
<!--[if IE 6]><style>#menu ul li.nivel1 {margin-bottom:-1px}</style><![endif]-->
<!--[if IE 7]><style>#menu ul li.nivel1 {margin-bottom:-2px}</style><![endif]-->
La página es:
http://demo.pcrednet.com/tienda
Con esta configuración me funciona el menu horizontal pero el vertical no, el vertical solo funciona si quito del css la parte de menu horizontal.
Me tiene desesperado...
No se que mas
Ayuda!!!
Salu2.