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...
| |||
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... |
| |||
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: En ella, defines todos los elementos como "display:none", excepto el div que quieres imprimir.<link rel="stylesheet" type="text/css" media="print" href="ruta/imprimir.css" /> O si prefieres colocar los estilos en el head diréctamente, colocarlos dentro de: Cita: Puedes también definir propiedades/valores propios de los medios paginados, tales como márgenes de la hoja, orientación... etc@media print { /* Estilos específicos para imprimir */ } Un saludo |
| |||
Respuesta: Imprimir una div Cita: Mil gracias!, lo he probado y funciona...
Iniciado por kseso? 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 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? |
| |||
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 |