Foros del Web » Creando para Internet » CSS »

Uso de display:block;

Estas en el tema de Uso de display:block; en el foro de CSS en Foros del Web. Buenas de nuevo! Tengo el siguiente estilo: Código: td a{ display:block; } De tal forma que cada celda de una tabla debería comportarse como un ...
  #1 (permalink)  
Antiguo 05/01/2007, 13:31
Avatar de jabi  
Fecha de Ingreso: noviembre-2006
Mensajes: 120
Antigüedad: 11 años, 1 mes
Puntos: 1
Uso de display:block;

Buenas de nuevo!

Tengo el siguiente estilo:

Código:
td a{
display:block;
}
De tal forma que cada celda de una tabla debería comportarse como un link toda ella (por el display:block;), pues bien, funciona correctamente en FF y no en IE, donde sólo el texto de dentro de la celda funciona como link (una vez más peleándome con IE )

¿Qué posible solución existe para algo tan sencillo?

Gracias de antemano gente.
__________________
No estoy aquí de vacaciones, creéme.
  #2 (permalink)  
Antiguo 05/01/2007, 14:01
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Re: Uso de display:block;

La otra, lo que estás haciendo con ese código CSS es que el enlace se comporte como un elemento en bloque (en vez de comportarse como un elemento en línea, como lo haría normalmente. Esto no tiene nada que ver con que ocupe o no todo el espacio de la celda.

Probá poniéndole 100% de ancho, 100% de alto y margen cero, para forzar a que ocupe toda la celda, y luego probá si sigue pasando lo mismo.


Saludos.
  #3 (permalink)  
Antiguo 05/01/2007, 14:12
Avatar de jabi  
Fecha de Ingreso: noviembre-2006
Mensajes: 120
Antigüedad: 11 años, 1 mes
Puntos: 1
Re: Uso de display:block;

Thanks alvlin, de esta forma consigo lo que quería, de todas formas no deja de ser extraño que en una de las celdas, antes de corregir lo del width y el height, sí funcionaba, y en FF como ya dije iba perfecto...

Pero lo dicho, muchas gracias por la aclaración-solución
__________________
No estoy aquí de vacaciones, creéme.
  #4 (permalink)  
Antiguo 11/06/2007, 18:00
 
Fecha de Ingreso: diciembre-2006
Mensajes: 5
Antigüedad: 11 años
Puntos: 0
Re: Uso de display:block;

como te quedo a la finales el CSS y la celda con el link correspondiente...?
  #5 (permalink)  
Antiguo 16/06/2007, 19:45
Avatar de jabi  
Fecha de Ingreso: noviembre-2006
Mensajes: 120
Antigüedad: 11 años, 1 mes
Puntos: 1
Re: Uso de display:block;

Finalmente quedó tal y como me indicó alvlin, añadiendo un ancho y un alto del 100% y margen 0, así:

Código:
td a{
display:block;
width: 100%;
height: 100%;
margin: 0px;
}
De forma que el enlace abarcaba toda la celda que lo contenía también en IE

Salu2
__________________
No estoy aquí de vacaciones, creéme.
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 12:12.