Foros del Web » Creando para Internet » CSS »

Imprimir identico como se ve en la web

Estas en el tema de Imprimir identico como se ve en la web en el foro de CSS en Foros del Web. Como estan, tengo un gran problema necesito hacer unas tarjetas el cual tiene un formato especifico. armo la tarjeta jalando los datos con php pero ...
  #1 (permalink)  
Antiguo 06/07/2011, 19:53
 
Fecha de Ingreso: diciembre-2010
Ubicación: Lima
Mensajes: 17
Antigüedad: 13 años, 4 meses
Puntos: 0
Imprimir identico como se ve en la web

Como estan, tengo un gran problema necesito hacer unas tarjetas el cual tiene un formato especifico. armo la tarjeta jalando los datos con php pero al imprimir no me respeta los tamaños de la fuente y mis tablas.

Aqui un print de la web


cuando hago la impresión, me sale tal cual como si lo pegara en un .doc

Que puedo hacer?
  #2 (permalink)  
Antiguo 06/07/2011, 20:22
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 12 años, 11 meses
Puntos: 11
Respuesta: Imprimir identico como se ve en la web

creo que podrias guardar la pagina y crear una imprecion con tu pc y editar tu imgen y esa imprimirla aun que no entiendo bien cual es tu gran problema ya que no se deberia desperfilar tanto pero supongo que esa es una opcion no se me ocurre otra cosa XD
  #3 (permalink)  
Antiguo 13/07/2011, 20:03
 
Fecha de Ingreso: diciembre-2010
Ubicación: Lima
Mensajes: 17
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Imprimir identico como se ve en la web

Cita:
Iniciado por xlos_mas_pro Ver Mensaje
creo que podrias guardar la pagina y crear una imprecion con tu pc y editar tu imgen y esa imprimirla aun que no entiendo bien cual es tu gran problema ya que no se deberia desperfilar tanto pero supongo que esa es una opcion no se me ocurre otra cosa XD
No te entendi nada. me podrías explicar?
  #4 (permalink)  
Antiguo 13/07/2011, 21:09
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 17 años, 5 meses
Puntos: 23
Respuesta: Imprimir identico como se ve en la web

proba especificando los estilos para impresión:

Código CSS:
Ver original
  1. <link rel="stylesheet" type="text/css" media="print" href="print.css" />

Saludos
  #5 (permalink)  
Antiguo 13/07/2011, 21:39
Avatar de xlos_mas_pro  
Fecha de Ingreso: mayo-2011
Ubicación: Santiago
Mensajes: 359
Antigüedad: 12 años, 11 meses
Puntos: 11
Respuesta: Imprimir identico como se ve en la web

Mejor hacelo como te dice McBlink es qe yo tampoco entiendo muy bien lo que quieres
  #6 (permalink)  
Antiguo 14/07/2011, 10:32
 
Fecha de Ingreso: diciembre-2010
Ubicación: Lima
Mensajes: 17
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Imprimir identico como se ve en la web

Amigos aqui les dejo la imagen actual de como se ve la tarjeta en en la web


pero al imprimirla sobre papel se ve como la siguiente imagen:


Asi tengo mis estilos..
lo que deseo es reducir los espacios entre linea y linea.. lo estandar es line-height: 22px como veran yo lo cambie a 12px pero sin embargo al imprimir me sigue pareciendo espacios muy grandes como si estuviera en 22px.

No se como resolverlo

Cita:
TD {
font-size : 7pt;
font-family : verdana;
color : #000000;
border-color:#999999;
line-height: 12px
}
así llamo mis estilos desde mi web
Cita:
<link rel="stylesheet" href="masterim.css" type="text/css" media="screen" />
  #7 (permalink)  
Antiguo 14/07/2011, 23:00
Avatar de McBlink  
Fecha de Ingreso: noviembre-2006
Ubicación: $ARG->LaPampa()
Mensajes: 1.694
Antigüedad: 17 años, 5 meses
Puntos: 23
Respuesta: Imprimir identico como se ve en la web

Como te dije antes, tenes que especificar estilos para la impresión:

leete este texto:
http://www.w3.org/TR/CSS2/media.html

Saludos.

Etiquetas: tamaño
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 04:00.