Tema: problema con un menu
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 11/02/2016, 09:31
blackhunt
 
Fecha de Ingreso: enero-2016
Ubicación: los andes
Mensajes: 13
Antigüedad: 8 años, 3 meses
Puntos: 0
Pregunta problema con un menu
Esimados, tengo un gran problema, resuta que tengo un menu con estilos en css en un archivo aparte y funciona todo bien, salvo en dos paginas. les pongo los codigos pa ver si me pueden echar una mano :C
el .css
Código CSS: 
Ver original
  1. @import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
  2. #cssmenu,
  3. #cssmenu ul,
  4. #cssmenu ul li,
  5. #cssmenu ul li a,
  6. #cssmenu #menu-button {
  7.   margin: 0;
  8.   padding: 0;
  9.   border: 0;
  10.   list-style: none;
  11.   line-height: 1;
  12.   display: block;
  13.   position: relative;
  14.   -webkit-box-sizing: border-box;
  15.   -moz-box-sizing: border-box;
  16.   box-sizing: border-box;
  17. }
  18. #cssmenu:after,
  19. #cssmenu > ul:after {
  20.   content: ".";
  21.   display: block;
  22.   clear: both;
  23.   visibility: hidden;
  24.   line-height: 0;
  25.   height: 0;
  26. }
  27. #cssmenu #menu-button {
  28.   display: none;
  29. }
  30. #cssmenu {
  31.   font-family: Montserrat, sans-serif;
  32.   background: #333333;
  33. }
  34. #cssmenu > ul > li {
  35.   float: left;
  36. }
  37. #cssmenu.align-center > ul {
  38.   font-size: 0;
  39.   text-align: center;
  40. }
  41. #cssmenu.align-center > ul > li {
  42.   display: inline-block;
  43.   float: none;
  44. }
  45. #cssmenu.align-center ul ul {
  46.   text-align: left;
  47. }
  48. #cssmenu.align-right > ul > li {
  49.   float: right;
  50. }
  51. #cssmenu > ul > li > a {
  52.   padding: 17px;
  53.   font-size: 12px;
  54.   letter-spacing: 1px;
  55.   text-decoration: none;
  56.   color: #dddddd;
  57.   font-weight: 700;
  58.   text-transform: uppercase;
  59. }
  60. #cssmenu > ul > li:hover > a {
  61.   color: #ffffff;
  62. }
  63. #cssmenu > ul > li.has-sub > a {
  64.   padding-right: 30px;
  65. }
  66. #cssmenu > ul > li.has-sub > a:after {
  67.   position: absolute;
  68.   top: 22px;
  69.   right: 11px;
  70.   width: 8px;
  71.   height: 2px;
  72.   display: block;
  73.   background: #dddddd;
  74.   content: '';
  75. }
  76. #cssmenu > ul > li.has-sub > a:before {
  77.   position: absolute;
  78.   top: 19px;
  79.   right: 14px;
  80.   display: block;
  81.   width: 2px;
  82.   height: 8px;
  83.   background: #dddddd;
  84.   content: '';
  85.   -webkit-transition: all .25s ease;
  86.   -moz-transition: all .25s ease;
  87.   -ms-transition: all .25s ease;
  88.   -o-transition: all .25s ease;
  89.   transition: all .25s ease;
  90. }
  91. #cssmenu > ul > li.has-sub:hover > a:before {
  92.   top: 23px;
  93.   height: 0;
  94. }
  95. #cssmenu ul ul {
  96.   position: absolute;
  97.   left: -9999px;
  98. }
  99. #cssmenu.align-right ul ul {
  100.   text-align: right;
  101. }
  102. #cssmenu ul ul li {
  103.   height: 0;
  104.   -webkit-transition: all .25s ease;
  105.   -moz-transition: all .25s ease;
  106.   -ms-transition: all .25s ease;
  107.   -o-transition: all .25s ease;
  108.   transition: all .25s ease;
  109. }
  110. #cssmenu li:hover > ul {
  111.   left: auto;
  112. }
  113. #cssmenu.align-right li:hover > ul {
  114.   left: auto;
  115.   right: 0;
  116. }
  117. #cssmenu li:hover > ul > li {
  118.   height: 35px;
  119. }
  120. #cssmenu ul ul ul {
  121.   margin-left: 100%;
  122.   top: 0;
  123. }
  124. #cssmenu.align-right ul ul ul {
  125.   margin-left: 0;
  126.   margin-right: 100%;
  127. }
  128. #cssmenu ul ul li a {
  129.   border-bottom: 1px solid rgba(150, 150, 150, 0.15);
  130.   padding: 11px 15px;
  131.   width: 170px;
  132.   font-size: 12px;
  133.   text-decoration: none;
  134.   color: #dddddd;
  135.   font-weight: 400;
  136.   background: #333333;
  137. }
  138. #cssmenu ul ul li:last-child > a,
  139. #cssmenu ul ul li.last-item > a {
  140.   border-bottom: 0;
  141. }
  142. #cssmenu ul ul li:hover > a,
  143. #cssmenu ul ul li a:hover {
  144.   color: #ffffff;
  145. }
  146. #cssmenu ul ul li.has-sub > a:after {
  147.   position: absolute;
  148.   top: 16px;
  149.   right: 11px;
  150.   width: 8px;
  151.   height: 2px;
  152.   display: block;
  153.   background: #dddddd;
  154.   content: '';
  155. }
  156. #cssmenu.align-right ul ul li.has-sub > a:after {
  157.   right: auto;
  158.   left: 11px;
  159. }
  160. #cssmenu ul ul li.has-sub > a:before {
  161.   position: absolute;
  162.   top: 13px;
  163.   right: 14px;
  164.   display: block;
  165.   width: 2px;
  166.   height: 8px;
  167.   background: #dddddd;
  168.   content: '';
  169.   -webkit-transition: all .25s ease;
  170.   -moz-transition: all .25s ease;
  171.   -ms-transition: all .25s ease;
  172.   -o-transition: all .25s ease;
  173.   transition: all .25s ease;
  174. }
  175. #cssmenu.align-right ul ul li.has-sub > a:before {
  176.   right: auto;
  177.   left: 14px;
  178. }
  179. #cssmenu ul ul > li.has-sub:hover > a:before {
  180.   top: 17px;
  181.   height: 0;
  182. }
  183. @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  184.   #cssmenu {
  185.     width: 100%;
  186.   }
  187.   #cssmenu ul {
  188.     width: 100%;
  189.     display: none;
  190.   }
  191.   #cssmenu.align-center > ul {
  192.     text-align: left;
  193.   }
  194.   #cssmenu ul li {
  195.     width: 100%;
  196.     border-top: 1px solid rgba(120, 120, 120, 0.2);
  197.   }
  198.   #cssmenu ul ul li,
  199.   #cssmenu li:hover > ul > li {
  200.     height: auto;
  201.   }
  202.   #cssmenu ul li a,
  203.   #cssmenu ul ul li a {
  204.     width: 100%;
  205.     border-bottom: 0;
  206.   }
  207.   #cssmenu > ul > li {
  208.     float: none;
  209.   }
  210.   #cssmenu ul ul li a {
  211.     padding-left: 25px;
  212.   }
  213.   #cssmenu ul ul ul li a {
  214.     padding-left: 35px;
  215.   }
  216.   #cssmenu ul ul li a {
  217.     color: #dddddd;
  218.     background: none;
  219.   }
  220.   #cssmenu ul ul li:hover > a,
  221.   #cssmenu ul ul li.active > a {
  222.     color: #ffffff;
  223.   }
  224.   #cssmenu ul ul,
  225.   #cssmenu ul ul ul,
  226.   #cssmenu.align-right ul ul {
  227.     position: relative;
  228.     left: 0;
  229.     width: 100%;
  230.     margin: 0;
  231.     text-align: left;
  232.   }
  233.   #cssmenu > ul > li.has-sub > a:after,
  234.   #cssmenu > ul > li.has-sub > a:before,
  235.   #cssmenu ul ul > li.has-sub > a:after,
  236.   #cssmenu ul ul > li.has-sub > a:before {
  237.     display: none;
  238.   }
  239.   #cssmenu #menu-button {
  240.     display: block;
  241.     padding: 17px;
  242.     color: #dddddd;
  243.     cursor: pointer;
  244.     font-size: 12px;
  245.     text-transform: uppercase;
  246.     font-weight: 700;
  247.   }
  248.   #cssmenu #menu-button:after {
  249.     position: absolute;
  250.     top: 22px;
  251.     right: 17px;
  252.     display: block;
  253.     height: 4px;
  254.     width: 20px;
  255.     border-top: 2px solid #dddddd;
  256.     border-bottom: 2px solid #dddddd;
  257.     content: '';
  258.   }
  259.   #cssmenu #menu-button:before {
  260.     position: absolute;
  261.     top: 16px;
  262.     right: 17px;
  263.     display: block;
  264.     height: 2px;
  265.     width: 20px;
  266.     background: #dddddd;
  267.     content: '';
  268.   }
  269.   #cssmenu #menu-button.menu-opened:after {
  270.     top: 23px;
  271.     border: 0;
  272.     height: 2px;
  273.     width: 15px;
  274.     background: #ffffff;
  275.     -webkit-transform: rotate(45deg);
  276.     -moz-transform: rotate(45deg);
  277.     -ms-transform: rotate(45deg);
  278.     -o-transform: rotate(45deg);
  279.     transform: rotate(45deg);
  280.   }
  281.   #cssmenu #menu-button.menu-opened:before {
  282.     top: 23px;
  283.     background: #ffffff;
  284.     width: 15px;
  285.     -webkit-transform: rotate(-45deg);
  286.     -moz-transform: rotate(-45deg);
  287.     -ms-transform: rotate(-45deg);
  288.     -o-transform: rotate(-45deg);
  289.     transform: rotate(-45deg);
  290.   }
  291.   #cssmenu .submenu-button {
  292.     position: absolute;
  293.     z-index: 99;
  294.     right: 0;
  295.     top: 0;
  296.     display: block;
  297.     border-left: 1px solid rgba(120, 120, 120, 0.2);
  298.     height: 46px;
  299.     width: 46px;
  300.     cursor: pointer;
  301.   }
  302.   #cssmenu .submenu-button.submenu-opened {
  303.     background: #262626;
  304.   }
  305.   #cssmenu ul ul .submenu-button {
  306.     height: 34px;
  307.     width: 34px;
  308.   }
  309.   #cssmenu .submenu-button:after {
  310.     position: absolute;
  311.     top: 22px;
  312.     right: 19px;
  313.     width: 8px;
  314.     height: 2px;
  315.     display: block;
  316.     background: #dddddd;
  317.     content: '';
  318.   }
  319.   #cssmenu ul ul .submenu-button:after {
  320.     top: 15px;
  321.     right: 13px;
  322.   }
  323.   #cssmenu .submenu-button.submenu-opened:after {
  324.     background: #ffffff;
  325.   }
  326.   #cssmenu .submenu-button:before {
  327.     position: absolute;
  328.     top: 19px;
  329.     right: 22px;
  330.     display: block;
  331.     width: 2px;
  332.     height: 8px;
  333.     background: #dddddd;
  334.     content: '';
  335.   }
  336.   #cssmenu ul ul .submenu-button:before {
  337.     top: 12px;
  338.     right: 16px;
  339.   }
  340.   #cssmenu .submenu-button.submenu-opened:before {
  341.     display: none;
  342.   }
  343. }

Código HTML: 
Ver original
  1. <head>
  2.         <meta charset='utf-8'>
  3.         <meta http-equiv="X-UA-Compatible" content="IE=edge">
  4.         <meta name="viewport" content="width=device-width, initial-scale=1">
  5.         <link rel="stylesheet" type="text/css" href="styles.css">
  6.             <script> 
  7.                 var miPopup 
  8.                 function abreVentana(){ 
  9.                     miPopup = window.open("buscar_rep_pop.php","miwin","width=600,height=500,scrollbars=yes") 
  10.                     miPopup.focus() 
  11.                 } 
  12.             </script> 
  13.     </head>
  14.     <body>
  15.         <div id="cssmenu">
  16.             <ul>
  17.                 <li><a href="/mantencion/inicio.php" >Inicio</a></li>
  18.                 <li><a href="/mantencion/equipos.php?cantidad=5">Equipos</a>
  19.                     <ul>
  20.                         <li><a href="/mantencion/agregarequipo.php">Agregar</a></li>
  21.                         <li>
  22.                     </ul>
  23.                 </li>                       <li><a href="descarga_archivo.php">Descargar</a></li>                   
  24.                     </ul>
  25.                 </li>
  26.                 <li><a href="/mantencion/registrar.php" >Registrar</a></li>
  27.                 <li><a href="/mantencion/cerrar_sesion.php" TARGET="_top">Cerrar Sesion</a></li>
  28.                 <li><?php
  29.             echo"<a href='' >hola ".$_SESSION['usser']." ".$_SESSION['usserA']."</a>";?></li></ul>
  30.         </div>
  31.         <?php
  32.             //variables para establecer la conexion
  33.             $servername = "localhost";
  34.             $username = "root";
  35.             $password = "";
  36.             $dbname = "mantencion";
  37.             //codigo del repuesto a buscar
  38.             $clave=$_GET['code'];
  39.             //se crea la conexion
  40.             $conn = mysqli_connect($servername, $username, $password, $dbname);
  41.             //se chequea la conexion
  42.             if (!$conn) {
  43.                 die("Connection failed: " . mysqli_connect_error());
  44.             }
  45.             //se prepara la consulta a la BD
  46.             $sql = "SELECT * FROM repuestos WHERE  Codigo='$clave' LIMIT 1" ;
  47.             //se hace la consulta 
  48.             $result = mysqli_query($conn, $sql);
  49.             while($row = mysqli_fetch_assoc($result)) {
  50.                 //se muestran los resultados
  51.                                 ...
  52.             }
  53.         ?>
  54.         <form>   
  55.         <!--botons de accion-->                         
  56.             <input type="button" value="volver" id="submit" name="volver " onclick="history.back()" />
  57.         </form>
  58.     </body>
y ahi esta la pagina que no se ve el menu