Tema: Problema con posición de subMenu CSS
Ver Mensaje Individual
  #7 (permalink)  
Antiguo 27/03/2013, 04:48
escarba
 
Fecha de Ingreso: septiembre-2010
Mensajes: 26
Antigüedad: 14 años, 1 mes
Puntos: 0
Respuesta: Problema con posición de subMenu CSS
Recapitulando.

Ahora mismo, el problema es que el submenú aparece vertical y necesito que sea horizontal.

Este es el CSS ahora mismo.

Código CSS: 
Ver original
  1. /* mi menú personalizado */
  2.  
  3. .nav {
  4.     list-style: none;
  5.     padding: 0;
  6.     width: 100%
  7.     overflow: hidden;
  8.     margin: 0px;    
  9. }
  10.  
  11. .nav li {
  12.     float: left;
  13.   position: relative;
  14.   margin: 1px 30px 1px 1px;
  15.   list-style: none;
  16.   padding: 5px;
  17.   color: #6d6e71;
  18.   font-size: 20px;
  19.     
  20. }
  21.  
  22. .nav li li{
  23.     float: right;
  24.     
  25.     
  26.     }
  27.  
  28. .nav li a {
  29.     color:#6d6e71;
  30.     }
  31.     
  32. .nav li a:hover,
  33. .nav li a.hover {
  34.     color: #21759b; 
  35. }
  36.     
  37. .nav ul {
  38.     position: relative;
  39. }
  40. .nav ul li:hover > ul {
  41.     visibility:visible;
  42.     border-top:#CCC 1px solid;  
  43. }
  44. .nav ul ul {
  45.   visibility: hidden;
  46.   position: absolute;
  47.   top: 35px;
  48.   left: 0px;
  49.   min-width: 10px;
  50.   margin-bottom: 5px;
  51.   color: #21759b;
  52. }
  53.  
  54. .nav ul ul li.hover,
  55. .nav ul ul li:hover {
  56.     border-bottom:#21759b 3px solid;
  57.     
  58. }
  59.     
  60. .nav ul ul li { 
  61.     min-height:34px;
  62.     height:auto !important;
  63.     margin:0;
  64.     padding:5px 10px;
  65. }

Muchas gracias!!