Foros del web, para los que viven de bits

xoti · 07-jun-2008, 12:54

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-jun-2008, 02:28

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-jun-2008, 03:21

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-jun-2008, 04:20

Vaya, es cierto que FF no usa el documento alternativo

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

xoti · 09-jun-2008, 03:55

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.

07-jun-2008, 12:54	#1 (permalink)
xoti Fecha de Ingreso: junio-2008 Mensajes: 3	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.

08-jun-2008, 02:28	#2 (permalink)
tunait Moderadora Fecha de Ingreso: noviembre-2002 Ubicación: Terok Nor Mensajes: 14.895	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

08-jun-2008, 03:21	#3 (permalink)
xoti Fecha de Ingreso: junio-2008 Mensajes: 3	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.

08-jun-2008, 04:20	#4 (permalink)
tunait Moderadora Fecha de Ingreso: noviembre-2002 Ubicación: Terok Nor Mensajes: 14.895	Respuesta: Vista web y vista impresora Vaya, es cierto que FF no usa el documento alternativo 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

09-jun-2008, 03:55	#5 (permalink)
xoti Fecha de Ingreso: junio-2008 Mensajes: 3	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.

Herramientas
Mostrar Versión Imprimible Enviar por Correo
Desplegado
Mode Lineal Cambiar a Modo Hibrido Cambiar a Modo Hilado