Foros del Web » Creando para Internet » Diseño web »

Vista web y vista impresora

Estas en el tema de Vista web y vista impresora en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 07/06/2008, 12:54
 
Fecha de Ingreso: junio-2008
Mensajes: 4
Antigüedad: 15 años, 10 meses
Puntos: 0
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.
  #2 (permalink)  
Antiguo 08/06/2008, 02:28
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
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
  #3 (permalink)  
Antiguo 08/06/2008, 03:21
 
Fecha de Ingreso: junio-2008
Mensajes: 4
Antigüedad: 15 años, 10 meses
Puntos: 0
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.
  #4 (permalink)  
Antiguo 08/06/2008, 04:20
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 7 meses
Puntos: 381
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
  #5 (permalink)  
Antiguo 09/06/2008, 03:55
 
Fecha de Ingreso: junio-2008
Mensajes: 4
Antigüedad: 15 años, 10 meses
Puntos: 0
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.
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 15:06.