Foros del Web » Creando para Internet » CSS »

Imprimir una div

Estas en el tema de Imprimir una div en el foro de CSS en Foros del Web. Hola, estoy haciendo una pagina de noticias, y lo que quiero es imprimir slo un contenido que se encuentra dentro de una div.... He visto ...
  #1 (permalink)  
Antiguo 09/09/2009, 12:24
 
Fecha de Ingreso: febrero-2009
Mensajes: 77
Antigüedad: 8 años, 10 meses
Puntos: 0
Imprimir una div

Hola, estoy haciendo una pagina de noticias, y lo que quiero es imprimir slo un contenido que se encuentra dentro de una div....
He visto que se utiliza algo como esto:


* {display:none}
body, #impre {display:block}

Pero no lo entiendo...
  #2 (permalink)  
Antiguo 09/09/2009, 14:02
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imprimir una div

Lo que tienes que hacer es una segunda hoja de estilos (por ejemplo "imprimir.css") y llamarla en tu página:
Cita:
<link rel="stylesheet" type="text/css" media="print" href="ruta/imprimir.css" />
En ella, defines todos los elementos como "display:none", excepto el div que quieres imprimir.

O si prefieres colocar los estilos en el head diréctamente, colocarlos dentro de:
Cita:
@media print {
/* Estilos específicos para imprimir */
}
Puedes también definir propiedades/valores propios de los medios paginados, tales como márgenes de la hoja, orientación... etc

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 09/09/2009, 21:38
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 5 meses
Puntos: 269
Respuesta: Imprimir una div

GUAAAAU! ese link es IM PRE SIO NAN TE.
Desconocía la POTENCIA de css y reconozco que cada vez que parezco avanzar más en realidad sé menos.

Infinitamente gracias kseso?
  #4 (permalink)  
Antiguo 11/09/2009, 12:31
 
Fecha de Ingreso: febrero-2009
Mensajes: 77
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Imprimir una div

Cita:
Iniciado por kseso? Ver Mensaje
Lo que tienes que hacer es una segunda hoja de estilos (por ejemplo "imprimir.css") y llamarla en tu página:
En ella, defines todos los elementos como "display:none", excepto el div que quieres imprimir.

O si prefieres colocar los estilos en el head diréctamente, colocarlos dentro de:


Puedes también definir propiedades/valores propios de los medios paginados, tales como márgenes de la hoja, orientación... etc

Un saludo
Mil gracias!, lo he probado y funciona...
Ahora mi problema es que necesito que se imprima desde un boton.

Lo estoy haciendo, llamando a una funcion de javascript:

function imprimir()
{
window.print();
}

y me da un error:
El objeto no acepta esta propiedad o metodo.

Que estoy haciendo mal?
Como podría hacer un boton?

Otra cosa es que el contenido de la noticia se encuentra dentro de un scroll...como podría imprimir el contenido entero de la div?
  #5 (permalink)  
Antiguo 11/09/2009, 13:15
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Imprimir una div

Si en una caja te aparece el scroll, es porque tendrás definida su altura y "overflow:auto".
Pues retomando mi archivo ejemplo "imprimir.css", en ese css retiras la altura con lo que crecerá en función del contenido y se debería imprimir todo su contenido.
Recuerda que para la impresión debes "cambiar tu chip" y no pensar y diseñar para una pantalla, sino pensando en un folio (a-4 lo más usual), suprimiendo (display:none) aquellos elementos innecesarios (como menús de navegación, o fondos de colores y colores de texto con sus respectivas propiedades) y distribuir los contenidos de acuerdo al a-4 y a que es un medio físico (papel) y las costumbres de lectura.
Nunca tuve necesidad de hacerlo, pero creo que irán por ahí los tiros.

Sobre el window.print tendrás que esperar a algún sabio en la materia, o mejor aun, hacer consulta nueva en el subforo correspondiente.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #6 (permalink)  
Antiguo 12/09/2009, 08:34
 
Fecha de Ingreso: febrero-2009
Mensajes: 77
Antigüedad: 8 años, 10 meses
Puntos: 0
Respuesta: Imprimir una div

Gracias, por tu ayuda!
Seguiré preguntando lo del boton...
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 23:56.