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<li class="sin"> <a href="http://cargocollective.com/consuelovalle/filter/editorial/">Editorial
</a></li> <li><a href="http://cargocollective.com/consuelovalle/filter/personal/">Personal
</a></li> <li><a href="http://cargocollective.com/consuelovalle/filter/videos/">Videos
</a></li>
aqui mi css....
Código CSS:
Ver original#menu{
height:auto; /*Junto a overflow: hidden; aplicará a nuestro elemento nav el mismo alto que el más alto de sus elementos hijos */
margin: 0 auto; /* Centro el contenedor */
overflow: hidden;
text-align: left;
width:100%; /* Defino el ancho de mi página */
background: pink;
position: fixed;
z-index: 100;
}
#menu ul{
float: left;
list-style-type: none;
padding: 0;
position: relative;
left: 50%;
margin-top: 5px;
margin-bottom: 5px;
}
#menu li{
float: left; /* Floto los li para que se dispongan horizontalmente */
position: relative;
right: 50%;
}
#menu li a{
padding: 15px;
}
#menu ul a{ text-decoration: none; font-size: 14px; color:#ffffff;
}
#menu ul > li:before{
content: "–";
position: absolute;
margin-left:-1px;
margin-top: 0px;
color: #ffffff;
font-size: 15px;
}
#menu ul > li.sin:before{
color: transparent;
}
#menu ul a:hover{
color:#fffff;
background:red;
}