Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/03/2016, 19:34
maripa950
 
Fecha de Ingreso: marzo-2016
Mensajes: 3
Antigüedad: 8 años, 8 meses
Puntos: 0
Problema con position FIXED

Hola abro otro tema, porque encontre el problema pero aun no la solucion!!
tengo un menu normal y sencillo ... el problema es que al poner position fixed hace que los links no me funcionen.. o sea al pasar el mouse encima de mi menu no aparece la tipica "manito" y por lo tanto no puedo acceder a los links... no entiendo como solucionarlo pleaaaas AYUDAAAA

Código HTML:
Ver original
  1. <div id="menu">
  2.         <ul>
  3. <li class="sin"> <a href="http://cargocollective.com/consuelovalle/filter/editorial/">Editorial  </a></li>
  4. <li><a href="http://cargocollective.com/consuelovalle/filter/personal/">Personal  </a></li>
  5. <li><a href="http://cargocollective.com/consuelovalle/filter/videos/">Videos</a></li>
  6.  
  7.         </ul>
  8.         </div>
aqui mi css....
Código CSS:
Ver original
  1. #menu{
  2.      height:auto; /*Junto a overflow: hidden; aplicará a nuestro elemento nav el mismo alto que el más alto de sus elementos hijos */
  3.      margin: 0 auto; /* Centro el contenedor */
  4.      overflow: hidden;
  5.      text-align: left;
  6.      width:100%; /* Defino el ancho de mi página */
  7.      background: pink;
  8.     position: fixed;
  9.     z-index: 100;
  10.    
  11.         }
  12.  
  13.  
  14.  #menu ul{
  15.         float: left;
  16.         list-style-type: none;
  17.         padding: 0;
  18.         position: relative;
  19.         left: 50%;
  20.         margin-top: 5px;
  21.         margin-bottom: 5px;
  22.      
  23.         }
  24.    
  25.  #menu li{
  26.         float: left; /* Floto los li para que se dispongan horizontalmente */
  27.         position: relative;
  28.         right: 50%;
  29.      
  30.         }
  31.  
  32. #menu li a{
  33.         padding: 15px;
  34.            
  35.         }
  36.  
  37. #menu ul a{ text-decoration: none; font-size: 14px; color:#ffffff;
  38.        
  39.         }
  40.  
  41.  
  42. #menu ul > li:before{
  43.     content: "–";
  44.     position: absolute;
  45.     margin-left:-1px;
  46.     margin-top: 0px;
  47.     color: #ffffff;
  48.     font-size: 15px;
  49. }
  50.  
  51. #menu ul > li.sin:before{
  52.     color: transparent;
  53.  
  54. }
  55.  
  56. #menu ul a:hover{
  57.     color:#fffff;
  58.     background:red;
  59. }