Tema: problema con un menu
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 12/02/2016, 14:01
blackhunt
 
Fecha de Ingreso: enero-2016
Ubicación: los andes
Mensajes: 13
Antigüedad: 9 años
Puntos: 0
Respuesta: problema con un menu
la verdad, no se, cambie completa la hoja de css y sigo con el mismo problema, te dejo la hoja css y parte de la pagina que no funciona. mencionar que el menu(lo que esta dentro del header) y el <head> esta copiado igual en toas las paginas y solo en esa no se ve.
Código HTML: 
Ver original
  1. <?php
  2.     session_start();
  3.     $id=$_SESSION['ID'];
  4. ?>
  5. <html>
  6.     <head>
  7.         <script src="jquery-latest.js"></script>
  8.         <script src="menu.js"></script>
  9.         <title>Ficha</title>
  10.         <meta charset="UTF-8">
  11.         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  12.         <link rel="stylesheet" type="text/css" href="estilos.css">
  13.         <link rel="stylesheet" type="text/css" href="fonts.css">
  14.     <body>
  15.         <header>
  16.             <div class="menu_bar">
  17.                 <a href="#" class="bt-menu"><span class="icon-menu"></span>Menu</a>
  18.             </div>
  19.             <nav>
  20.                 <ul>
  21.                     <li><a href="/mantencion/inicio.php" ><span class="icon-home3">Inicio</span></a></li>
  22.                     <li class="submenu">
  23.                         <a href="/mantencion/equipos.php?cantidad=5"><span class="icon-rocket">Equipos<span class="caret icon-circle-down"></span></span></a>
  24.                         <ul class="children">
  25.                             <li><a href="/mantencion/agregarequipo.php">Agregar</a></li>
  26.                             <li><a href="/mantencion/buscarequipo.php">Buscar</a></li>
  27.                         </ul>
  28.                     </li>
  29.                     <li class="submenu">
  30.                         <a href=""><span class="icon-wrench">Repuestos<span class="caret icon-circle-down"></span></span></a>
  31.                         <ul class="children">
  32.                             <li><a href="/mantencion/asociar_rep.php">Asociar</a></li>
  33.                             <li><a href="/mantencion/agregarepuesto.php">Agregar</a></li>
  34.                             <li><a href="/mantencion/buscarepuesto.php">Buscar</a></li>
  35.                         </ul>
  36.                     </li>
  37.                     <li class="submenu">
  38.                         <a href="/mantencion/calibraciones.php?cantidad=5"><span class="icon-equalizer2">Calibracion<span class="caret icon-circle-down"></span></span></a>
  39.                         <ul class="children">
  40.                             <li><a href="/mantencion/agregarcalibracion.php">Agregar</a></li>
  41.                             <li><a href="/mantencion/buscarcalibracion.php">Buscar</a></li> 
  42.                         </ul>
  43.                     </li>
  44.                     <li class="submenu">
  45.                         <a href="/mantencion/planes_de_mantencion.php?cantidad=5"><span class="icon-list2">Planes de Mantencion<span class="caret icon-circle-down"></span></span></a>
  46.                         <ul class="children">
  47.                             <li><a href="agregarPlan.php">Agregar</a></li>
  48.                             <li><a href="buscarplan.php">Buscar</a></li>
  49.                         </ul>
  50.                     </li>
  51.                     <li class="submenu">
  52.                         <a href=""><span class="icon-file-text2">Informacion Tecnica<span class="caret icon-circle-down"></span></span></a>
  53.                         <ul class="children">
  54.                             <li><a href="cargar_documento.php">Agregar</a></li>
  55.                             <li><a href="descarga_archivo.php">Descargar</a></li>
  56.                         </ul>
  57.                     </li>
  58.                     <li><a href="/mantencion/registrar.php" ><span class="icon-user-plus">Registrar</span></a></li>
  59.                     <li><a href="/mantencion/cerrar_sesion.php" TARGET="_top"><span class="icon-exit">Cerrar Sesion</span></a></li>
  60.                     <li><?php
  61.                 echo"<a href='' >".$_SESSION['usser']." ".$_SESSION['usserA']."</a>";?></li></ul>
  62.             </nav>
  63.         </header>

Código CSS: 
Ver original
  1. *{
  2.   padding: 0;
  3.   margin: 0;
  4.   -webkit-box-sizing: border-box;
  5.   -moz-box-sizing: border-box;
  6.   -box-sizing: border-box;
  7. }
  8.  
  9. body{
  10.   background: #FEFEFE;
  11. }
  12. .menu_bar{
  13.   display: none;
  14. }
  15. header {
  16.   width: 100%;
  17. }
  18. header nav{
  19.   background: #023859;
  20.   z-index:1000;
  21.   max-width: 1187px;
  22.   width: 100%;
  23.   margin: 20px auto;
  24. }
  25. header nav ul{
  26.   list-style: none;
  27. }
  28. header nav ul li{
  29.   display: inline-block;
  30.   position: relative;
  31.   border-right: 1px solid rgba(255,255,255,.5);
  32. }
  33. header nav ul li:hover{
  34.   background:#023580;
  35. }
  36. header nav ul li a{
  37.   color: #FFF;
  38.   display: block;
  39.   text-decoration: none;
  40.   padding: 5px;
  41. }
  42. header nav ul li a span{
  43.   margin-right:5px;
  44. }
  45.  
  46. header nav ul li:hover .children{
  47.   display:block;
  48. }
  49. header nav ul li .children{
  50.   display: none;
  51.   background: #011826;
  52.   position: absolute;
  53.   width: 110%;
  54.   z-index: 1000;
  55. }
  56. header nav ul li .children li{
  57.   display: block;
  58.   overflow: hidden;
  59.   border-bottom: 1px solid rgba(255,255,255,.5);
  60. }
  61. header nav ul li .children li a{
  62.   display: block;
  63. }
  64. header nav ul li .caret{
  65.   position: relative;
  66.   top:3px;
  67.   margin-left: 10px;
  68.   margin-right: 0;
  69. }
  70.  
  71. @media screen and (max-width: 1186px){
  72.   body{
  73.     padding-top: 80px;
  74.   }
  75.   .menu_bar{
  76.     display: block;
  77.     width: 100%;
  78.     position: fixed;
  79.     top:0;
  80.     background:#023580; 
  81.   }
  82.   .menu_bar .bt-menu{
  83.     display: block;
  84.     padding: 20px;
  85.     color:#FFF;
  86.     overflow: hidden;
  87.     font-size: 25px;
  88.     font-weight: bold;
  89.     text-decoration: none;
  90.     -webkit-box-sizing: border-box;
  91.     -moz-box-sizing: border-box;
  92.     -box-sizing: border-box;
  93.   }
  94.   .menu_bar span {
  95.     float: right;
  96.     font-size: 40px;
  97.   }
  98.   header nav{
  99.     width: 80%;
  100.     height: calc(100%-80px);
  101.     position: fixed;
  102.     right:100%;
  103.     margin: 0;
  104.     overflow: scroll;
  105.   }
  106.   header nav ul li{
  107.     display: block;
  108.     border-bottom: 1px solid rgba(255,225,255,.5);
  109.   }
  110.   header nav ul li a {
  111.     display: block;
  112.   }
  113.   header nav ul li .children{
  114.     width: 100%;
  115.     position: relative;
  116.   }
  117.   header nav ul li .children li a{
  118.     margin-left:20px;
  119.   }
  120.   header nav ul li .caret{
  121.     float: right;
  122.   }
  123. }
  124. #submit {
  125.   font-weight: bold;
  126.   cursor: pointer;
  127.   padding: 3px;
  128.   margin: 0 5px 10px 0;
  129.   border: 1px solid #ccc;
  130.   background: #eee;
  131.   border-radius: 8px 8px 8px 8px;
  132.   float: left;
  133. }
  134. #submit:hover {
  135.   background: #ddd;
  136. }
  137. label {
  138.   background: none repeat scroll 0 0 #F3F3F3;
  139.   display: block;
  140.   float: left;
  141.   font-size: 13px;
  142.   font-weight: bold;
  143.   height: 16px;
  144.   margin: 0 10px 0 0;
  145.   padding: 3px 7px;
  146.   width: 150px;
  147. }
  148. .input {
  149.   background-color: #F3F3F3;
  150.   border: 1px solid #CCCCCC;
  151.   height: 16px;
  152.   padding: 7px;
  153.   width: 435px;
  154. }
  155. .select {
  156.   background-color: #F3F3F3;
  157.   border: 1px solid #CCCCCC;
  158.   height: 32px;
  159.   padding: 4px;
  160.   width: 451px;
  161. }
  162. table{
  163.           width: 500px;
  164.           border: 1px solid #000;
  165.           clear: left;
  166.       }
  167.       th, td {
  168.           width: 33%;
  169.           text-align: left;
  170.           border: 1px solid #000;
  171.           border-collapse: collapse;
  172.           padding: 0.3em;
  173.           caption-side: bottom;
  174.       }
  175.       caption {
  176.           padding: 0.3em;
  177.           background:#fff;
  178.       }
  179.       th {
  180.           background: #eee;
  181.       }