Foros del Web » Creando para Internet » CSS »

ocultar capa solo para impresion en papel

Estas en el tema de ocultar capa solo para impresion en papel en el foro de CSS en Foros del Web. Hola Tengo una web, en la que doy opcion a imprimir su contenido pero quisiera para ahorrar papel a mis visitas eliminar el principio y ...
  #1 (permalink)  
Antiguo 22/05/2009, 13:57
 
Fecha de Ingreso: noviembre-2002
Mensajes: 746
Antigüedad: 15 años
Puntos: 6
ocultar capa solo para impresion en papel

Hola


Tengo una web, en la que doy opcion a imprimir su contenido pero quisiera para ahorrar papel a mis visitas eliminar el principio y el final de documento

lo tengo programado en <div> como en el ejemplo

<div id="cabecera">

</div>


<div id="menus">

</div>


<div id="cuerpo1"></div>
<div id="cuerpo2"></div>
<div id="cuerpo3"></div>
<div id="cuerpo4"></div>


<div id="menus2">

</div>

<div id="footer">

</div>


la idea es que todo se visualice como hasta ahora, pero que la visita cuando le de a imprimir el contenido de los div 'cabecera', 'menus', 'menus2' y 'footer' no se impriman, prefiero hacer eso a decir que me imprima el contenido bueno, creo que es menos lioso.. pero acepto ideas..

un saludo
y gracias a todos
  #2 (permalink)  
Antiguo 22/05/2009, 14:30
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: ocultar capa solo para impresion en papel

Creas un archivo css, llamado por ejemplo "imprimir.css", ahí defines
Código css:
Ver original
  1. #cabecera, #menus, #menus2,  #footer {
  2. display: none; }
y en el head haces la llamada a ese archivo:
Código html:
Ver original
  1. <link rel="stylesheet" type="text/css" media="print" href="imprimir.css" />
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 22/05/2009, 18:00
 
Fecha de Ingreso: noviembre-2002
Mensajes: 746
Antigüedad: 15 años
Puntos: 6
Respuesta: ocultar capa solo para impresion en papel

Cita:
Iniciado por kseso? Ver Mensaje
Creas un archivo css, llamado por ejemplo "imprimir.css", ahí defines
Código css:
Ver original
  1. #cabecera, #menus, #menus2,  #footer {
  2. display: none; }
y en el head haces la llamada a ese archivo:
Código html:
Ver original
  1. <link rel="stylesheet" type="text/css" media="print" href="imprimir.css" />
pues gracias, ahora no tengo oportunidad de imprimir un documento, pero en la previsualizacion de IE queda perfectooo..

nuevamente, muchas gracias.
  #4 (permalink)  
Antiguo 24/05/2009, 01:02
 
Fecha de Ingreso: noviembre-2007
Mensajes: 504
Antigüedad: 10 años, 1 mes
Puntos: 2
Respuesta: ocultar capa solo para impresion en papel

jeje justamente tenia el mismo problema hace unos dias, con esto lo resolvere Gracias :D
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 22:21.