2011-09-23 26 views
8

Mi falta de habilidades de CSS me está dando dolor de cabeza. Como se presenta en la imagen de abajo, tomada de Firebug:establecer la altura de la fila de la tabla

enter image description here

El uso de un marco como GWT llamada Vaadin he dado un componente de la tabla el nombre de clase M2M-modal mesa y quiero fijar un min- altura a las cuatro filas en esa tabla. Sin embargo, parece que no puedo hacer que funcione. Y como se ve en la imagen, la tabla ni siquiera parece tener el nombre de clase m2m-tabla-modal pero v-table-table en su lugar (los estilos se agregan fuera de mi participación ya que estoy usando una biblioteca de configuración ya configurada).

Entonces, ¿puede alguien que tenga buenos conocimientos de la clase CSS referirme decirme lo que debería escribir en la hoja de estilos para establecer el alto de la fila de la tabla?

¡Gracias!

EDIT: Gracias avall por la ayuda. Y me encontré con que escribir el CSS:

.m2m-modal-table .v-table-table th, 
.m2m-modal-table .v-table-table td { 
    height: 55px; 
    min-height: 55px; 
} 

sólo establecerá el estilo sobre la mesa en cuestión y no todas las tablas de la aplicación.

Respuesta

10

Configure siempre su altura en celdas, no en filas.

.v-table-table th, 
.v-table-table td{ 
    height: 55px; 
    /* min-height: 55px; EDITED */ 
} 

hará (min-height sola no funciona).

Edit: Como escribió djsadinoff, min-height no funciona en todas partes. IE8 e IE9 interpretan min-height pero no es la norma para otros navegadores.

+0

Sí, parece que debería funcionar, pero no ... Estoy totalmente confundido, lo he intentado con tantas combinaciones, pero nada parece funcionar ... ¿Tiene alguna otra idea? Nombre de la clase CSS a m2m-modal-table de alguna manera ...? – AndroidHustle

+0

Debería ver en firefox Firefox qué estilos afectan a estas celdas y luego anularlas. También puedes intentar usar '! Important'. No puedo ayudarte más sin mirar el sitio. – avall

+0

¡Guau! ¡Esa última edición hizo el truco! ¡Gracias! Ahora solo tengo que descubrir cómo hacerlo solo afecta a ESTA tabla y no a todas las tablas en la aplicación ... =) – AndroidHustle

Cuestiones relacionadas