Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Error: *.css solo para IE7 [Efecto de celdas] en el foro de CSS en Foros del Web. 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  ...
  #1 (permalink)  
Antiguo 12/04/2007, 21:50
Avatar de sandrox23  
Fecha de Ingreso: abril-2005
Ubicación: Lima - Peru
Mensajes: 274
Antigüedad: 12 años, 8 meses
Puntos: 0
Exclamación Error: *.css solo para IE7 [Efecto de celdas]

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

Código PHP:
#mutable td {
    
border-bottom1px solid #B5A68A;    
    
border-right1px solid #B5A68A;    
    
padding2px 2px 2px 2px;
     
    
font-familyGeorgia"Times New Roman"Timesseriffont-size12pxcolor#666666;
}
#mutable td:hover {
    
border-bottom1px solid #B5A68A;    
    
border-right1px solid #B5A68A;    
    
padding2px 2px 2px 2px;
      
background-color#F0E7D3;
      
color#000000;
    
font-familyGeorgia"Times New Roman"Timesseriffont-size12px
}
#mutable #altcol {
   
background-color#FFFFFF;
    
border-bottom1px  #B5A68A;    
    
border-right1px  #B5A68A;        
    
font-familyGeorgiaTimes New RomanTimesserif;
    
font-size13px;
    
color#415D7A;
    
text-decorationnone;    
}
#mutable1 td {
    
margin:  0px 0px 0px 0px;
    
padding0px 0px 0px 0px;
     
    
font-familyGeorgia"Times New Roman"Timesseriffont-size12pxcolor#666666;
}
.
grids {
    
border-top1px solid #B5A68A;
    
border-left1px solid #B5A68A;
    
font-familyGeorgia"Times New Roman"Timesseriffont-size12pxcolor#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
__________________
diseniando ........
  #2 (permalink)  
Antiguo 13/04/2007, 03:22
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Error: *.css solo para IE7 [Efecto de celdas]

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,
  #3 (permalink)  
Antiguo 16/04/2007, 12:39
Avatar de sandrox23  
Fecha de Ingreso: abril-2005
Ubicación: Lima - Peru
Mensajes: 274
Antigüedad: 12 años, 8 meses
Puntos: 0
Re: Error: *.css solo para IE7 [Efecto de celdas]

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
-bottom1px solid #B5A68A;    
    
border-right1px solid #B5A68A;    
    
padding2px 2px 2px 2px;
      
background-color#F0E7D3;
      
color#000000;
    
font-familyGeorgia"Times New Roman"Timesseriffont-size12px

pero aun asi no me funciona, que puedo haber echo mal
__________________
diseniando ........
  #4 (permalink)  
Antiguo 16/04/2007, 13:28
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Error: *.css solo para IE7 [Efecto de celdas]

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-bottom1px solid #B5A68A;    
    
border-right1px solid #B5A68A;    
    
padding2px 2px 2px 2px;
    
background-color#F0E7D3;
    
font-familyGeorgia"Times New Roman"Timesseriffont-size12px;  

Saludos,
  #5 (permalink)  
Antiguo 17/04/2007, 09:36
Avatar de sandrox23  
Fecha de Ingreso: abril-2005
Ubicación: Lima - Peru
Mensajes: 274
Antigüedad: 12 años, 8 meses
Puntos: 0
Re: Error: *.css solo para IE7 [Efecto de celdas]

Amigo muchas gracias, ya me funciona :D
__________________
diseniando ........
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 05:28.