Tema: problema menu
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 03/04/2013, 08:03
Avatar de kakashi20
kakashi20
 
Fecha de Ingreso: septiembre-2009
Mensajes: 616
Antigüedad: 14 años, 7 meses
Puntos: 15
Respuesta: problema menu
ya las quite, pero me aparce este problema:

http://www.roliagroup.com/doctorhenriquez.com/img4.jpg

este es el codigo

html

Código HTML: 
Ver original
  1. <nav id="menu">
  2.                
  3.                         <ul> 
  4.                         
  5.                           <li class="op1"><a href="#">Opción 1</a> 
  6.                        
  7.                             <ul> 
  8.                                 <li><a href="#">Opción 1.1</a></li> 
  9.                                 <li><a href="#">Opción 1.2</a></li> 
  10.                             </ul> 
  11.                         
  12.                           </li>
  13.                           
  14.                           <li class="op1"><a href="#">Opción 2</a> 
  15.                        
  16.                             <ul> 
  17.                                 <li><a href="#">Opción 2.1</a></li> 
  18.                                 <li><a href="#">Opción 2.2</a></li> 
  19.                             </ul> 
  20.                         
  21.                           </li> 
  22.                                                     
  23.                         </ul>  
  24.                
  25.                
  26.                     </nav>


CSS

Código CSS: 
Ver original
  1. #menu {
  2. text-align: center;
  3. font-size: 0.8em;
  4. max-width:1000px;
  5. height:auto;
  6. z-index:99999;
  7. border:1px solid #FF0000;
  8.  
  9.  
  10.  
  11. }
  12.  
  13.  
  14.  
  15. nav li{
  16.  
  17.     display:inline-block;
  18.     
  19.     
  20.     
  21.     
  22.  
  23.  
  24. }
  25.  
  26. nav li a {
  27.     
  28.     width: 110px;
  29.     height: 29px;
  30.     display: block;
  31.     background:#FFFFFF;
  32.     
  33.     color: #44403b;
  34.     text-decoration: none;
  35.     font-size: 14px;
  36.     padding-top: 12px;
  37.     text-align: left;
  38.     padding-left: 30px;
  39.     font-weight: bold;
  40. }
  41.  
  42.  
  43.  
  44. nav li ul{
  45.  
  46.     position:absolute;
  47.  
  48. }
  49.  
  50. nav li ul li{
  51.  
  52.     display:none;
  53.     position:relative;
  54.     
  55.     
  56.  
  57.  
  58. }
  59.  
  60. nav li:hover ul li{
  61.  
  62.     display:block;
  63.  
  64.     
  65.  
  66.     
  67.     
  68.     
  69.  
  70. }


por favor alguien que me ayude..!!!