Tratando de modificar el estilo de la tabla

[tico74]

hola amigos,me gustaria consultarles ya que parece algo simple pero evidentemente no le estoy dando la solucion.el tema es asi:
estoy usando un entorno lllamado 99lime (http://www.99lime.com/) el cual usa un archivo css que configura html5 y css3. esto anda tood bien pero en una pagina que usa un editor de texto llamado innova de esos que agregan opciones e iconos de cortar, pegar,upload,etc (rich texto) aparece todo desfazado.
al editar ese archivo donde dice:

Código:

table
{
width:100%; xxxx (otras propiedades)
}

y remover esa propiedad parece andar todo bien pero el tema es que no me dejan editar ese archivo.
mi idea era "parchear" solo el archivo donde uso esos textarea especiales y solo ahi, en esa pagina poner , antes de definir la tabla algo asi como:

Código:

<style type="text/css">
table
{
xxxx (otras propiedades)
}
 </style>

lo probe asi pero no me anduvo y no se que puede estar mal, y me gustaria saber si estoy haciendo algo mal al intentar reescribir la tabla o bien hay otra forma mejor. saludos!

[pzin]

Yo miraría primero a ver si en las propiedades originales no está puesta esa regla con !important o en su defecto que tal vez existan propiedades embebidas en el HTML con style. A priori esas serían las dos posibilidades de porqué no te funciona redeclarándolo en head.

[tico74]

Gracias por responder, Bonez. En principio no vi nada con !important y removi la clase y los style q habia en la tabla y el textarea pero no se modifico nada. Igual,voy a cotejar de nuevo eso, es realmente muy raro esto que ocurre y no acierto a dar con el problema. Si se te ocurre algo mas,agradecido desde ya!

[pzin]

Usa firebug en Firefox o inspeccionar elemento o parecido en el navegador que sea para ver de dónde viene declarada esa propiedad.

[tico74]

Aparece en ese archivo kickstart.css, cuando deseo emparchar el problema poniendo esto antes de la tabla
:

Código:

<style type="css/text">
    
   table {
    border-collapse: collapse;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: left;
  
} 
    
</style>

(saque el width)
sigue todo igual, es realmente raro y no puedo arreglarlo

[pzin]

Lo que no puedes pretender es quitar width y pensar que esa propiedad deja de existir, ya que se declaró previamente. Puedes probar a poner un ancho automático con:

Código CSS:

width: auto;
 

Eso u otra medida. No sé exactamente si necesitas un ancho específico o no.

[tico74]

Si, si, tambien probe eso pero no anduvo.Esto me tiene realmente mal, y es una incognita, incluso cuando con firebug elimino el ancho la pagina muestar todo bien, pero no termino de poder configurarlo ahi antes de la tabla.

[pzin]

Prueba a embeber los estilos directamente en la tabla y le pones !important.

Código HTML:

<table style="width:auto!important"...
 

Si ya eso no funciona tal vez tengas algo de javascript cambiando alguna propiedad. Prueba a ver la sitio con javascript desactivado.

[tico74]

gracias, ahi parece que anduvo mejor, pero tengo que adaptar los tamaños de tabla , saludos!