Ver Mensaje Individual
  #1 (permalink)  
Antiguo 22/01/2013, 12:24
Avatar de Shikari
Shikari
 
Fecha de Ingreso: mayo-2012
Mensajes: 72
Antigüedad: 12 años, 6 meses
Puntos: 0
Quitar linea final de menú vertical

Hola comunidad, estoy maquetando una plantilla y me surgió un problema dentro del menú.



La linea que se ve al final de cada ul:



Quiero quitarla, ya intenté quitarla con:

Código CSS:
Ver original
  1. #menu li:last-child a {
  2.     border-bottom: none;
  3. }

Pero ni aún así.

Este es el código que estoy usando para el menú en sí:

Código CSS:
Ver original
  1. #menu {
  2.     width: 200px;
  3.     padding: 5px;
  4. }
  5.  
  6. #menu img {
  7.     padding-top: 5px;
  8.     margin-left: 35px;
  9. }
  10.    
  11. #menu li a {
  12.     text-decoration: none;
  13. }
  14.    
  15. #menu li a:link, #menu li a:visited {
  16.     color: #fff;
  17.     display: block;
  18.     padding: 3px;
  19.     border-bottom: 1px solid #353535;
  20. }
  21.    
  22. #menu li a:hover {
  23.     color: #498AD1;
  24.     padding: 3px;
  25.     transition: .4s;
  26.     -webkit-transition: .4s;
  27. }
  28.  
  29. #menu li a:active {
  30.     color: #26370A;
  31. }
  32. #menu ul {
  33.     list-style: none;
  34.     margin: 0;
  35.     padding: 0;
  36. }

¿Alguien que me pueda auxiliar?

Saludos.