Tema: Hover o <a href> no funciona :(
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/03/2016, 20:17
maripa950
 
Fecha de Ingreso: marzo-2016
Mensajes: 3
Antigüedad: 8 años, 1 mes
Puntos: 0
Hover o <a href> no funciona :(
Hola, necesito resolver porque no me sirve el hover, ni el puntero de mi menu principal... por mas que busco la falla no la encuentro!.. dejo el codigo:

Código HTML: 
Ver original
  1. <html lang="es">
  2.  
  3. <head>
  4. <title>Titulo de la web</title>
  5. <meta charset="utf-8" />
  6. <link rel="stylesheet" href="estilo.css" />
  7. <link rel="alternate" title="Pozolería RSS" type="application/rss+xml" href="/feed.rss" />
  8. </head>
  9.  
  10. <body>
  11. <--ESTE ES MI MENU PRINCIPAL!!-->
  12.       <nav class="menu">
  13.         <ul>
  14. <li class="sin"> <a href="http://cargocollective.com/consuelovalle/filter/editorial/">Editorial  </a></li>
  15. <li><a href="http://cargocollective.com/consuelovalle/filter/personal/">Personal  </a></li>
  16. <li><a href="http://cargocollective.com/consuelovalle/filter/videos/">Videos</a></li>
  17.  
  18.         </ul>
  19.   </nav>
  20.    
  21.  
  22.      <div id="main">
  23.         <div class="logo"><a href="http://cargocollective.com/consuelovalle/"><img src="http://i.imgur.com/iJdtKZB.png" /> </a></div>
  24.         <div class="fijo"></div>
  25.         <div class="contacto"> <a href="http://cargocollective.com/consuelovalle/contacto"> Contacto </a></div>
  26.         
  27.         
  28. <ul class="redes">
  29.  
  30. <li><a href="https://www.facebook.com/ovalle.consuelo">Comercial  </a></li>
  31. <li><a href="http://consuelovalle.tumblr.com">Tumblr  </a></li>
  32. <li class="sin"><a href="https://www.instagram.com/consuelovalle/">Instagram  </a></li>
  33.  
  34. </ul>
  35.          
  36.     </div>
  37. <div class="f_footer">All work © Consuelo Ovalle</div>
  38. </body>
  39. </html>

Y Aqui mi CSS!!:
Código CSS: 
Ver original
  1. /* MENU */
  2.  
  3. nav{
  4.      height:auto; /*Junto a overflow: hidden; aplicará a nuestro elemento nav el mismo alto que el más alto de sus elementos hijos */ 
  5.      margin: 0 auto; /* Centro el contenedor */
  6.      overflow: hidden;
  7.      text-align: left;
  8.      width:100%; /* Defino el ancho de mi página */
  9.      background: #0033ff;
  10.      z-index: 100;
  11.      position: fixed;
  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.  .menu li{
  25.         float: left; /* Floto los li para que se dispongan horizontalmente */
  26.         position: relative; 
  27.         right: 50%;
  28.         }
  29.  
  30.      .menu li a{
  31.         padding: 15px;
  32.             
  33.         }
  34.  
  35. .menu ul a{ text-decoration: none; font-size: 14px; color:#ffffff; }
  36.  
  37.  
  38. .menu ul > li:before{
  39.     content: "–"; 
  40.     position: absolute;
  41.     margin-left:-1px;
  42.     margin-top: 0px;
  43.     color: #ffffff;
  44.     font-size: 15px;
  45. }
  46.  
  47. .menu ul > li.sin:before{
  48.     color: transparent;
  49.  
  50. }
  51.  
  52. ul.menu a:hover{
  53.     color:#fffff;
  54.     background:red;} /*url("http://i.imgur.com/47R7Nqs.png")no-repeat*/

PORFAVOR AYUDA :(!!!