Foros del Web - Vista web y vista impresora

Foros del Web (http://www.forosdelweb.com/)

- Diseño web (http://www.forosdelweb.com/f91/)

- - Vista web y vista impresora (http://www.forosdelweb.com/f91/vista-web-vista-impresora-594402/)

xoti	07/06/2008 12:54

Vista web y vista impresora

Hola:

Estoy haciendo una pagina Web con mapas de una localidad, tengo el problema que el mapa se ve bien en el navegador pero mal al imprimir, si le aumento la resolución me pasa lo contrario, el texto del mapa se ve fatal en Web pero perfecto al imprimir.

¿Alguien sabe que podría hacer?

Gracias y saludos.

tunait

08/06/2008 02:28

Respuesta: Vista web y vista impresora

Puedes manejarlo con las hojas de estilo.

Crea una para vista en pantalla (media="screen") y otra para impresión (media="print")

media print css

xoti	08/06/2008 03:21

Respuesta: Vista web y vista impresora

Hola:

gracias por la respuesta, solo una pregunta ¿con css puedo hacer que la version print tenga un mapa (en formato gif) y la version screen otro distinto?

Probé de poner este codigo en la pagina:

<link rel="alternate" media="print" href=/documento">

para que al pulsar imprimir, se descargase e imprimiese una versión diseñada para imprimir, esto me funciona con explorer pero no con firefox.

Muchas gracias y saludos.

tunait

08/06/2008 04:20

Respuesta: Vista web y vista impresora

Vaya, es cierto que FF no usa el documento alternativo :pensando:
He husmeado un poco por google y no encontré nada concreto al respecto (es posible que no haya mirado bien)

Lo que puedes hacer entonces es incluir los dos mapas en el documento con un id y definir que se muestren o no en cada hoja de estilos para cada medio.

Código:

<img src="mapa.jpg" alt="mapa" id="mapa_pantalla" /> 

<img src="mapa.gif" alt="mapa" id="mapa_impresion" />

Código HTML:

<style type="text/css">

#mapa_impresion{

        display: none;

}
 </style>
 <style type="text/css" media="print">

#mapa_pantalla{

        display: none;

}

#mapa_impresion{

        display: inline;

}
 
 </style>

otra cosa no se me ocurre :pensando:

xoti	09/06/2008 03:55

Respuesta: Vista web y vista impresora

Perfecto, funciona perfectamente, tanto como para el explorer 6.0 como el Firefox 2.0.

La unica pega es que cuando uso el Dreamweaver me aparecen las dos imagenes y a la hora de componer la pagina es un incordio, pero bueno ya me las compondre como pueda.

Saludos y muchisimas gracias.

La zona horaria es GMT -6. Ahora son las 08:21.