Tema: Error menu desplegable
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 30/08/2012, 20:38
ArmaGhyoN
 
Fecha de Ingreso: agosto-2012
Mensajes: 17
Antigüedad: 11 años, 9 meses
Puntos: 1
Respuesta: Error menu desplegable
prueba con este css a ver

Código CSS: 
Ver original
  1. #menu {
  2. width: 900px;
  3. text-align: center;
  4. font-size: 12px;
  5. position: absolute;
  6. left: 0px;
  7. top: 210px;
  8. height: 30px;
  9. background: url(../imagenes/pmt.gif) repeat-x;
  10. z-index: 10;
  11. text-align: center;
  12. border-top-width: 1px;
  13. border-bottom-width: 1px;
  14. border-top-style: solid;
  15. border-bottom-style: solid;
  16. border-top-color: #CCC;
  17. border-bottom-color: #CECFCE;
  18. }
  19. #menu ul {
  20. list-style-type: none;
  21. margin-top: 0px;
  22. margin-left:25px
  23.  
  24.  
  25. }
  26. #menu ul li {
  27. width: 190px;
  28. }
  29. #menu ul li.nivel1 {
  30. margin-right: 1px; float: left;
  31. }
  32. #menu ul li a {
  33. padding: 8px;
  34. color: #666;
  35. text-decoration: none;
  36. display: block;
  37. position: relative;
  38. display: block;
  39. text-decoration: none;
  40. text-transform: uppercase;
  41. font-size: 10px;
  42. letter-spacing : 2px;
  43.  
  44. text-align: center;
  45. }
  46. #menu ul li a.nivel2 {
  47. color: rgb(0, 0, 0);
  48. margin-left:0px;
  49. }
  50. #menu ul li a.nivel2ie {
  51. color: rgb(0, 0, 0);
  52. margin-left:0px;
  53. }
  54. #menu ul li a.nivel1 {
  55. display: block !important; position: relative;
  56. }
  57. #menu ul li a.nivel2 {
  58. display: block !important; position: relative;
  59. }
  60. #menu ul li:hover {
  61. position: relative;
  62. }
  63. #menu ul li a:hover {
  64. color: #999;
  65. position: relative;
  66. background: url(../imagenes/pmta.gif) repeat-x;
  67. }
  68. #menu ul li:hover a.nivel1 {
  69. color: #666;
  70. position: relative;
  71. background: url(../imagenes/pmta.gif) repeat-x;
  72. }
  73. #menu ul li ul {
  74. display: none;
  75. background: url(../imagenes/pmt.gif) repeat-x;
  76. background-color:#FFF
  77. }
  78. #menu ul li:hover ul.nivel2 {
  79. left: -60px; display: block; position: absolute;
  80. }
  81. #menu ul li a:hover ul.nivel2 {
  82. left: -60px; display: block; position: absolute;
  83. }
  84. #menu ul li ul li a:hover ul.nivel3 {
  85. left: 180px !important;
  86. top: 0px !important;
  87. display: block;
  88. position: absolute;
  89. text-color: #F0F;
  90. }
  91. #menu ul li ul li:hover ul.nivel3 {
  92. left: 160px !important; top: 0px !important; display: block; position: absolute;
  93. }
  94. #menu ul li ul li a {
  95. padding: 8px 0px; width: 180px; border-top-color: transparent;
  96. }
  97. #menu ul li ul li a:hover {
  98. border-top-color: #CCC;
  99. position: relative;
  100. }
  101. #menu ul li ul li ul li a.primera {
  102. border-top-color: #CCC;
  103. }
  104. table.falsa {
  105. border: 0px currentColor; float: left; border-collapse: collapse; position: relative;
  106. }