Foros del Web » Creando para Internet » CSS »

problema con hover en ie en barra de facebook

Estas en el tema de problema con hover en ie en barra de facebook en el foro de CSS en Foros del Web. hola, tengo el problema con este codigo css.. resulta que ojeando por internet, encontre una bonita barra parecida a la de facebook.. este es el ...
  #1 (permalink)  
Antiguo 22/01/2010, 11:02
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barranquilla
Mensajes: 54
Antigüedad: 8 años, 1 mes
Puntos: 0
Pregunta problema con hover en ie en barra de facebook

hola, tengo el problema con este codigo css..
resulta que ojeando por internet, encontre una bonita barra parecida a la de facebook..
este es el codigo.. talcual..

Código CSS:
Ver original
  1. #taskbar{
  2.         height:20px;
  3.         width:100%;
  4.         margin:auto;
  5.        
  6.         position:fixed;
  7.         top: 0;
  8.         z-index: 99;
  9. }
  10. #taskbar #container{
  11.     background-color:#97c5ff;
  12.     border:1px solid #FFF;
  13.     display:block;
  14.     margin-left:15px;
  15.     margin-right:15px;
  16.     height:20px;
  17. }
  18.  
  19. #taskbar #container .block-left{
  20.         position:relative;
  21.         float: left;
  22.         width:15%;
  23.         height:20px;
  24.        
  25.         border-right:1px solid #FFF;
  26. }
  27. #taskbar #container .block-center{
  28.     position: relative;
  29.     float: left;
  30.     width: 50%;
  31.     height:15px;
  32.     border-right:1px solid #FFF;
  33.     padding: 3px;
  34.     top: -3px;
  35.    
  36. }
  37. #taskbar #container .block-right{
  38.         position: relative;
  39.         float: left;
  40.         width: 25%;
  41.         height:20px;
  42.        
  43.         border-right:1px solid #FFF;
  44. }
  45. #taskbar #container .btns{
  46.         font-family:Verdana, Arial, Helvetica, sans-serif;
  47.         font-size:11px;
  48.         padding: 0;
  49.         display:marker;
  50.         vertical-align:middle;
  51.         line-height:15px;
  52. }

.. pero al momento de que intento hacer un menu desplegable.. en mozilla me funciona super..
pero en ie no.. y dedusco de esto que ...:MI WEBSITE ES DEMACIADO COOL PARA IE .. : ..

Este es el codigo que agregue:

Código CSS:
Ver original
  1. ul {
  2.   padding: 0;
  3.   margin: 0;
  4.   list-style: none;
  5.   }
  6. li {
  7.   float: left;
  8.   position: relative;
  9.   width: auto;
  10.   }
  11.  
  12. li ul { /* second-level lists */
  13.     display: none;
  14.     position: absolute;
  15.     top: 1px;
  16.     -webkit-border-radius: 6px 6px 6px 6px;  /* Safari  */
  17.     -moz-border-radius: 6px 6px 6px 6px;
  18.     border-radius: 6px 6px 6px 6px; /* propiedad CSS3 */
  19.     -ms-border-radius: 6px 6px 6px 6px;
  20.     background-color: #84BBFF; 
  21. }
  22.  
  23.  
  24. li > ul {
  25.     top: auto;
  26.     left: auto;
  27.     }
  28.  
  29. a:hover ul, a.over ul{
  30.     display: inline-block;
  31. }
..


de aqui ps.. me salen varias dudas..
como hago para que funcione en ie.. como puedo implementar un hover que funcione..
que significa la linea...

li > ul

..

Etiquetas: barra, facebook, hover
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:56.