2011-03-07 71 views
6

He revisado todos mis archivos CSS (y hay muchos de ellos) además de mirar/eliminar las configuraciones sDom para mi complemento jquery Datatables, pero por alguna razón, el ícono de ordenar (flechas arriba y abajo) siguiente a mi texto se coloca debajo del texto como si se hubiera ingresado de alguna manera un html
.jquery Los iconos de clasificación de Datatables se colocan en fila debajo del texto real?

¿Alguien ha tenido esto antes?

+1

has necesitado inspección de la tabla ¿Cabeceras con Firebug u otro kit de herramientas de desarrollo web? En la mayoría de ellos, puede habilitar/deshabilitar los estilos uno por uno para el elemento DOM específico hasta que encuentre el que lo está causando. – jevakallio

+0

@fencliff - no lo he hecho, no estaba consciente de que podría hacerlo – JM4

Respuesta

0

la respuesta estaba justo en frente de mí, pero aparentemente tiene que aplicar la clase 'mostrar' a todos los elementos de la tabla para que la secuencia de comandos funcione correctamente. Pasé horas y horas mirando CSS a través de esto, pero nada volvió. Espero que mi tiempo pueda ayudar a salvar a alguien más un nuevo muro.

+0

Gracias, esto ayudó mucho. – FSBarker

+4

Lo siento, realmente no entiendo lo que quieres decir, ¿podría darme un pequeño fragmento de código para arreglar esto? – peipst9lker

+0

Puede proporcionar más descripción sobre esto. Estoy teniendo el mismo problema aquí. – user1413

0

Encuentro que la extensión Firebug para Firefox es invaluable al depurar problemas de CSS.

Puede deshabilitar y modificar los estilos CSS en su página "en vivo". Realmente elimina las conjeturas del desorden de herencia de estilo que de otro modo podría ser imposible de resolver de la noche a la mañana.

Imagen de la página web de Firebug en http://getfirebug.com/css.

+0

gracias por la sugerencia. Curiosamente, la página entera funciona mal (solo en Firefox). Funciona sin problemas en IE, Chrome y Safari. Ahora estoy más perdido de lo que estaba antes. – JM4

+0

sin suerte. si elimino cada pieza de css (y me refiero a cada uno) con la excepción del archivo google cdn .css, el problema persiste. – JM4

5

Éste es cómo lo resolvió

.css_right 
{ 
    /* adding this keeps the sort icon on the same level as the label */ 
    float:right; 
} 

El icono ya tiene esta clase, pero por alguna razón no tiene el estilo (s) a correclty pantalla

Cuestiones relacionadas