Foros del Web » Creando para Internet » CSS »

problema con un menu

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

tuve que acotar el codigo HTML para que me dejara subirlo, pero lo que falta, son una par de pestañas del menu y un par de echos nada mas :C
  #3 (permalink)  
Antiguo 11/02/2016, 13:34
 
Fecha de Ingreso: febrero-2016
Ubicación: CABA
Mensajes: 4
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: problema con un menu

No estoy muy seguro por la mirada que le eche , pero puede ser que el #menu-botton no lo estes utilizando en las clases donde el css no carga correctamente ?
  #4 (permalink)  
Antiguo 12/02/2016, 14:01
 
Fecha de Ingreso: enero-2016
Ubicación: los andes
Mensajes: 13
Antigüedad: 8 años, 3 meses
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.     <head>
  6.         <script src="jquery-latest.js"></script>
  7.         <script src="menu.js"></script>
  8.         <title>Ficha</title>
  9.         <meta charset="UTF-8">
  10.         <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  11.         <link rel="stylesheet" type="text/css" href="estilos.css">
  12.         <link rel="stylesheet" type="text/css" href="fonts.css">
  13.     <body>
  14.         <header>
  15.             <div class="menu_bar">
  16.                 <a href="#" class="bt-menu"><span class="icon-menu"></span>Menu</a>
  17.             </div>
  18.             <nav>
  19.                 <ul>
  20.                     <li><a href="/mantencion/inicio.php" ><span class="icon-home3">Inicio</span></a></li>
  21.                     <li class="submenu">
  22.                         <a href="/mantencion/equipos.php?cantidad=5"><span class="icon-rocket">Equipos<span class="caret icon-circle-down"></span></span></a>
  23.                         <ul class="children">
  24.                             <li><a href="/mantencion/agregarequipo.php">Agregar</a></li>
  25.                             <li><a href="/mantencion/buscarequipo.php">Buscar</a></li>
  26.                         </ul>
  27.                     </li>
  28.                     <li class="submenu">
  29.                         <a href=""><span class="icon-wrench">Repuestos<span class="caret icon-circle-down"></span></span></a>
  30.                         <ul class="children">
  31.                             <li><a href="/mantencion/asociar_rep.php">Asociar</a></li>
  32.                             <li><a href="/mantencion/agregarepuesto.php">Agregar</a></li>
  33.                             <li><a href="/mantencion/buscarepuesto.php">Buscar</a></li>
  34.                         </ul>
  35.                     </li>
  36.                     <li class="submenu">
  37.                         <a href="/mantencion/calibraciones.php?cantidad=5"><span class="icon-equalizer2">Calibracion<span class="caret icon-circle-down"></span></span></a>
  38.                         <ul class="children">
  39.                             <li><a href="/mantencion/agregarcalibracion.php">Agregar</a></li>
  40.                             <li><a href="/mantencion/buscarcalibracion.php">Buscar</a></li>
  41.                         </ul>
  42.                     </li>
  43.                     <li class="submenu">
  44.                         <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>
  45.                         <ul class="children">
  46.                             <li><a href="agregarPlan.php">Agregar</a></li>
  47.                             <li><a href="buscarplan.php">Buscar</a></li>
  48.                         </ul>
  49.                     </li>
  50.                     <li class="submenu">
  51.                         <a href=""><span class="icon-file-text2">Informacion Tecnica<span class="caret icon-circle-down"></span></span></a>
  52.                         <ul class="children">
  53.                             <li><a href="cargar_documento.php">Agregar</a></li>
  54.                             <li><a href="descarga_archivo.php">Descargar</a></li>
  55.                         </ul>
  56.                     </li>
  57.                     <li><a href="/mantencion/registrar.php" ><span class="icon-user-plus">Registrar</span></a></li>
  58.                     <li><a href="/mantencion/cerrar_sesion.php" TARGET="_top"><span class="icon-exit">Cerrar Sesion</span></a></li>
  59.                     <li><?php
  60.                 echo"<a href='' >".$_SESSION['usser']." ".$_SESSION['usserA']."</a>";?></li></ul>
  61.             </nav>
  62.         </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.       }

Etiquetas: background, color, float, hover, todo, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:30.