problema con CSS al imprimir

[Mcruzmx]

hola, pues tengo una tabla que estoy formateando con CSS, cuando la veo en pantalla todo bien, pero al imprimirla (desde el navegador) no me imprime la tabla con los colores de fondo, que podrá ser?

.celda_title_1 {
background-image: url(top_bg_new_2.jpg);
BACKGROUND-COLOR: #800000;
padding-left: 130px;
font-family: Trebuchet MS, "Arial", serif;
font-weight: bold;
color: #ffffff;
height:100px;
vertical-align: middle;
}

ese es mi codigo en el archivo css, que despues en la clase de la celda x le pongo "celda_title_1" sin comillas por supuesto, gracias.

[hCanté]

Hola!

Creo que deberias estar usando una hoja de estilos exclusivamente para impresión en papel, Si usas el meta adecuado para esto no debería dar problema, luego no vas a entender qué es lo que debería maquetar el navegador y qué debería imprimir por estar todo en el mismo archivo.

Saludos!

[JavierB]

Hola Mcruzmx

El que se impriman los colores de fondo depende de cómo tenga configurado el navegador el usuario, no del código Css.

Saludos,

[Mcruzmx]

que debo hacer entonces?

si hago un css para un archivo de impresion, pues perderia el sentido el usar css si es que tengo que estar haciendo diseños por separado :S que no? gracias.

[poison_mayer]

Aunque nunca lo he probado me parece que podría ser una solución a tu problema

<link href="style.css" type="text/css" rel="stylesheet" media="screen" />
<link href="style.css" type="text/css" rel="stylesheet" media="print" />

[Mcruzmx]

<link rel="stylesheet" href="http://localhost/scd/css/css_scd.css" TYPE="text/css">

asi es como los agrego en el meta, entonces agrego media y hago 2 lineas, uno con screen y otro con print?

gracias

[hCanté]

Si... así sería, no te olvides de darle un formato lo mas simple posible al css print, y deberias usar type en lugar de TYPE para tu misma comodidad y tu código se ve y será mejor.

Saludos!

[McPinkY18]

@ import

--------------

[rb3m]

Iniciado por Mcruzmx

que debo hacer entonces?

si hago un css para un archivo de impresion, pues perderia el sentido el usar css si es que tengo que estar haciendo diseños por separado :S que no? gracias.

Nop. El poder hacer diseños por separado es el objetivo del css: contenido separado de diseño separado de funcionalidad.

Lo que no tiene sentido es querer que todo se vea igual en medios y formatos diferentes. No tiene caso imprimir los fondos porque se gasta más tinta y se pierde legibilidad, si alguien quiere imprimir algo es para tener el contenido a la mano, no para ver el fondo.

[Mcruzmx]

Iniciado por rb3m

Nop. El poder hacer diseños por separado es el objetivo del css: contenido separado de diseño separado de funcionalidad.

Lo que no tiene sentido es querer que todo se vea igual en medios y formatos diferentes. No tiene caso imprimir los fondos porque se gasta más tinta y se pierde legibilidad, si alguien quiere imprimir algo es para tener el contenido a la mano, no para ver el fondo.

wow, hacia tiempo que no veia una respuesta asi :S

estoy en desacuerdo con tigo compañero, creo que una de las ventajas de CSS es poder tener un solo archivo donde incluyes quizas, varios diseños dependiendo a lo que vas a "formatear", textboxs, tablas, "body", etc. permitiendo uniformidad a tu sitio, si tu pagina por ejemplo cambia de diseño para 2009, simplemente cambias 1 solo archivo, osea el css. y esto es a lo ke me referia con no hacer "varios diseños" pues muy al principio entendi con lo que me responden (primeros post) que tenia que hacer un diseño por separado por cada archivo que queria imprimir, y pues mis paginas "todas" se tienen que imprimir pues manejan información de base de datos, entonces para mi el hacer un css para impresion de cada uno, pues resulta algo limitante (creo), en ese caso hago el diseño a pie sin css.

sobre la tinta, entiendo tu punto de vista, pero igual estoy en desacuerdo pues en ocasiones tienes una tabla por ejemplo donde los encabezados en de fondo gris y letra blanca, tambien hay ocasiones que se pone un renglon mas oscuro que otro "intercalados" para mejorar la visibilidad de la información cuando es mucha, y tambien el tipo de letra, todas estas cosas tambien son muy importantes (buenos reportes) más si estas hablando que es un "trabajo"

y por ultimo, si estoy preguntando como hacer algo, pues no le veo ningún sentido responder y decir practicamente "eso que buscas no tiene caso ...." pues si lo estoy preguntando es por que tengo mis razones.

de cualquier forma, muchas gracias por leer y responder :)

[Mcruzmx]

Iniciado por McPinkY18

@ import

--------------

?

[Mcruzmx]

Iniciado por hCanté

Si... así sería, no te olvides de darle un formato lo mas simple posible al css print, y deberias usar type en lugar de TYPE para tu misma comodidad y tu código se ve y será mejor.

Saludos!

hola gracias por responder, que diferencias deben de haber en los archivos y como usarlos con la propiedad class de cada elemento?

es decir.

me imagino que en los 2 archivos deben de estar las mismas clases definidas (mismo nombre y todo) o si no pues como? tendria que usar una clase de un archivo u otro :S o no creo que haya class1= y class2= jje no entiendo esa parte.

gracias

[rb3m]

Iniciado por Mcruzmx

estoy en desacuerdo con tigo compañero, creo que una de las ventajas de CSS es poder tener un solo archivo donde incluyes quizas, varios diseños dependiendo a lo que vas a "formatear", textboxs, tablas, "body", etc. permitiendo uniformidad a tu sitio, si tu pagina por ejemplo cambia de diseño para 2009, simplemente cambias 1 solo archivo, osea el css.

Creo que fui muy parco en mi primera respuesta. Por supuesto, no me refería a que tengas que hacer un diseño por cada archivo (que puedes, checa el blog de Jason Santa María ), sino que puedes aplicar varios diseños a todos tus documentos simplemente tomando otra hoja de estilos. Como lo hace Jeremy Keith, ve a donde dice Customise y elige otro estilo.

A eso es lo que me refiero con "varios diseños" y es una fortaleza del css. Lo de varios diseños también se aplica a varios formatos de dispositivos: computadoras de escritorio, celulares, lectores para ciegos, e impresora; por ejemplo. Cada uno de estos dispositivos tiene limitaciones particulares y por eso es necesario tener diferentes hojas de estilo que permitan que el sitio se pueda utilizar apropiadamente.

Obviamente estos estilos los puedes aplicar la totalidad del sitio, simplemente especificando para que dispositivo corresponde cada css como ya te han dicho.

Iniciado por Mcruzmx

y por ultimo, si estoy preguntando como hacer algo, pues no le veo ningún sentido responder y decir practicamente "eso que buscas no tiene caso ...." pues si lo estoy preguntando es por que tengo mis razones.

Claro, pero el caso es que si el usuario no quiere imprimir colores de fondo no se van a imprimir los colores de fondo. Así de simple. Como diseñador debes tomar eso en cuenta, adaptarte a las limitaciones del medio, y asegurarte que tus tablas y demás partes del documento sean legibles sin tener que imprimir los colores de fondo.

Ahora, que si explicas a tus visitantes como cambiar la opción para imprimir los colores del fondo para ver mejor el documento y algunos deciden hacerlo, pues fantástico, pero lo más probable es que la mayoría no lo haga.

Si es muy muy muy importante el que se vean los colores de fondo una opción que puedes utilizar es usar php para exportar el documento a pdf usando alguna librería como tcpdf o fpdf. Es mucho más complejo que simplemente usar css y no elimina la opción de impresión, sólo añade otra opción, pero tendrás control absoluto sobre lo que aparece y como aparece.

[hCanté]

Iniciado por Mcruzmx

hola gracias por responder, que diferencias deben de haber en los archivos y como usarlos con la propiedad class de cada elemento?

es decir.

me imagino que en los 2 archivos deben de estar las mismas clases definidas (mismo nombre y todo) o si no pues como? tendria que usar una clase de un archivo u otro :S o no creo que haya class1= y class2= jje no entiendo esa parte.

gracias

El css print no se va a mostrar ni va a afectar al usuario en pantalla, solo cuando mande a imprimir. El screen si es para el usuario que navega por tu sitio en la red.

Por comodidad y lógica, utiliza los mismos selectores, es decir, si usas un div con id "footer" le das formatos distintos en los archivos css, pero la diferencia es cuando van a actuar.

Saludos!