Error: *.css solo para IE7 [Efecto de celdas]

sandrox23 · #1 (**permalink**) 12/04/2007, 20:50

Hola amigos, tengo el siguiente css que me sirve para resaltar las celdas de una tabla:

Código PHP:

  #mutable td { 
    border-bottom: 1px solid #B5A68A;     
    border-right: 1px solid #B5A68A;     
    padding: 2px 2px 2px 2px; 
      
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666666; 
} 
#mutable td:hover { 
    border-bottom: 1px solid #B5A68A;     
    border-right: 1px solid #B5A68A;     
    padding: 2px 2px 2px 2px; 
      background-color: #F0E7D3; 
      color: #000000; 
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  
} 
#mutable #altcol { 
   background-color: #FFFFFF; 
    border-bottom: 1px  #B5A68A;     
    border-right: 1px  #B5A68A;         
    font-family: Georgia, Times New Roman, Times, serif; 
    font-size: 13px; 
    color: #415D7A; 
    text-decoration: none;     
} 
#mutable1 td { 
    margin:  0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
      
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666666; 
} 
.grids { 
    border-top: 1px solid #B5A68A; 
    border-left: 1px solid #B5A68A; 
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #666666; 
}

el error es q solo me funciona en IE7, en IE6 no se ve los efectos, cual puede ser el error?

Gracias x su ayuda

JavierB · #2 (**permalink**) 13/04/2007, 02:22

Hola sandrox23

En IE las versiones anteriores a la 7, sólo admiten la pseudo-clase :hover en los enlaces. Para que te funcione tendrías que poner un enlace dentro de la celda que ocupe todo el espacio:

Código:

td a {width:100%; display:block}

Saludos,

sandrox23 · #3 (**permalink**) 16/04/2007, 11:39

Hola amigo, gracias x la ayuda,soy muy noob en esto lo puse asi y no funciona:

Código PHP:

  } 
#mutable td:hover { 
             width:100%; display:block 
    border-bottom: 1px solid #B5A68A;     
    border-right: 1px solid #B5A68A;     
    padding: 2px 2px 2px 2px; 
      background-color: #F0E7D3; 
      color: #000000; 
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  
}

pero aun asi no me funciona, que puedo haber echo mal

JavierB · #4 (**permalink**) 16/04/2007, 12:28

Hola de nuevo.

Tienes que ponen un enlace dentro de la celda:

Código:

<td><a href="#">Texto</a></td>

y darle los estilos al enlace:

Código PHP:

  td a {color:#000000; width:100%; display:block; text-decoration:none}
td a:hover {
border-bottom: 1px solid #B5A68A;    
    border-right: 1px solid #B5A68A;    
    padding: 2px 2px 2px 2px;
    background-color: #F0E7D3;
    font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;  
}

Saludos,

sandrox23 · #5 (**permalink**) 17/04/2007, 08:36

Amigo muchas gracias, ya me funciona :D