Foros del Web » Creando para Internet » CSS »

problema con CSS al imprimir

Estas en el tema de problema con CSS al imprimir en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 11/12/2008, 19:25
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
problema con CSS al imprimir

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.
  #2 (permalink)  
Antiguo 11/12/2008, 22:31
Avatar de hCanté
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Guatemala
Mensajes: 233
Antigüedad: 10 años, 9 meses
Puntos: 9
Respuesta: problema con CSS al imprimir

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!
  #3 (permalink)  
Antiguo 12/12/2008, 03:12
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Respuesta: problema con CSS al imprimir

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,
  #4 (permalink)  
Antiguo 12/12/2008, 17:07
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
Respuesta: problema con CSS al imprimir

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.
  #5 (permalink)  
Antiguo 12/12/2008, 18:04
Avatar de poison_mayer  
Fecha de Ingreso: julio-2008
Mensajes: 69
Antigüedad: 9 años, 4 meses
Puntos: 2
Respuesta: problema con CSS al imprimir

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" />
__________________
longtemps je me suis couché de bonne heure
  #6 (permalink)  
Antiguo 12/12/2008, 18:10
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
Respuesta: problema con CSS al imprimir

<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
  #7 (permalink)  
Antiguo 12/12/2008, 21:13
Avatar de hCanté
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Guatemala
Mensajes: 233
Antigüedad: 10 años, 9 meses
Puntos: 9
Respuesta: problema con CSS al imprimir

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!
  #8 (permalink)  
Antiguo 12/12/2008, 22:57
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 9 años
Puntos: 17
Respuesta: problema con CSS al imprimir

@ import

--------------
  #9 (permalink)  
Antiguo 13/12/2008, 00:10
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: problema con CSS al imprimir

Cita:
Iniciado por Mcruzmx Ver Mensaje
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.
  #10 (permalink)  
Antiguo 13/12/2008, 09:17
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
De acuerdo Respuesta: problema con CSS al imprimir

Cita:
Iniciado por rb3m Ver Mensaje
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 :)
  #11 (permalink)  
Antiguo 13/12/2008, 09:19
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
Respuesta: problema con CSS al imprimir

Cita:
Iniciado por McPinkY18 Ver Mensaje
@ import

--------------
?
  #12 (permalink)  
Antiguo 13/12/2008, 09:22
Avatar de Mcruzmx  
Fecha de Ingreso: abril-2006
Mensajes: 357
Antigüedad: 11 años, 8 meses
Puntos: 9
Respuesta: problema con CSS al imprimir

Cita:
Iniciado por hCanté Ver Mensaje
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
  #13 (permalink)  
Antiguo 13/12/2008, 13:56
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: problema con CSS al imprimir

Cita:
Iniciado por Mcruzmx Ver Mensaje
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.

Cita:
Iniciado por Mcruzmx Ver Mensaje
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.

Última edición por rb3m; 13/12/2008 a las 14:08
  #14 (permalink)  
Antiguo 13/12/2008, 21:54
Avatar de hCanté
Colaborador
 
Fecha de Ingreso: marzo-2007
Ubicación: Guatemala
Mensajes: 233
Antigüedad: 10 años, 9 meses
Puntos: 9
Respuesta: problema con CSS al imprimir

Cita:
Iniciado por Mcruzmx Ver Mensaje
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!
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 10:44.