Cambio de estilos para imprimir

[juan diaz diaz]

Hola, tengo el siguiente problema:

Tengo un formulario con campos que estan siempre deshabilitados, y al imprimir, si lo hago en modo económico, no se distinguen bien los textos. El resto de campos se lee bien aunque se imprima en dicho modo.
Lo que he pensado es :

cambiar_estilo(estilo_impresion)
print()
cambiar_estilo(estilo_normal)

Es decir, cambiar el estilo para que los textos se impriman correctamente.
Para ello, queria saber si se puede aplicar algún atributo del tipo "disabled" o algo parecido en la hoja de estilo "estilo_impresion", para ponerlo a false, y así al imprimirlo, se pueda leer bien.
He estado buscando, pero no lo he encontrado. Si en realidad no existe, ¿podríais sugerirme algo distinto?

Un saludo

[asinox]

Pues yo te recomiendo

http://www.alistapart.com/articles/n4switch/

Saludos

[DvD AdN]

<link href="estilo_imprimir.css" rel="stylesheet" type="text/css" media="print">

y en estilo_imprimir.css cambias los estilos necesarios para que la página se vea bien al imprimir y cuando alguien vaya a imprimirla, la página se imprimira con los estilos de estilo_imprimir.css

[ivangar]

Chicos, tengo duda con respecto a ese manejo de CSS que comentan, es decir, creas en css el formato (por llamarle de alguna manera) y después solo lo mandas llamar al momento que el usuario imprima?

Les pregunto eso porque estoy en el mismo problema, mis usuarios requieren imprimir en un formato especial que contenga la información de mi formulario..

Iván

[RoQ]

creas dos archivos CSS uno para el media="screen" que es el que se va aver en el monitor y otro para el media="print" que es el que se imprime, obviamente los estilos para el impreso deben ser de modo que se lea bien, mas enfocado al texto

[Yentin]

Siento repescar este hilo pero tengo una dudilla.
los estilos tanto en la hoja del screen como en la del print se han de llamar igual???

[Rafael]

El nombre de los estilos dependerá de como estén asignados los class digamos.

En algun caso puedes asignar un class que no uses en una hoja y otro que si uses al imprimir.

Por ejemplo para screen no pones ningun css y al imprimir si le quitas el subrayado a los links, es como quieras.

Tal vez te convenga hacer tu hoja sin media=screen y hacer una específica print para problemas específicos, y el formato general lo sacará también de la primera.

[Yentin]

no lo acabo de pillar mu bien pero si yo tengo esto

Código HTML:

<link rel="stylesheet" media="screen" href="estils/general.css" type="text/css">
<link rel="stylesheet" media="print" href="estils/impresion.css" type="text/css"> 

y luego kiero usar un class en una lugar de la tabla tal ke asi

Código HTML:

response.write "<td class=td2_0 align=center>"&round(rs("Valoracio_P"&j&""),1)&"</td>"

yo he supuesto ke tanto en el css general como en el print tiene ke haber una class td2_0 y que dependiendo si es pantalla o impresora pos pilla el de uno o el de otro, ¿lo he entendido bien?

[Rafael]

Básicamente si, pero no. No es necesario repetir a menos que así lo necesites. Por ejemplo si no especificas media="screen" será una hoja general (también se puede poner media="all")

Un class puedes usarlo para un medio especial, en este caso un div class="NoImprimir" no lo usas en el general y sí en impresión.

El texto:
response.write "<td class=td2_0 align=center>"&round(rs("Valoracio_P"&j&""),1)&"</td>"

tiene cara de que es de JavaScript o Vscript, que es otra cosa.

[axiertxo]

Un ejemplo sería si tu tienes una div que es el contenedor y este tiene un fondo azul(por decir algo) no sería lógico imprimir con el fondo(weno lógico puede, pero caro tambien...) entonces en la segunda hoja de estilos(la de impresión) al contenedor le quitarias el fondo o le darías uno blanco.A parte te recomiendo que al imprimir lo hagas en un tipo de letra con serifa que en pantalla no s even bien pero en papel si.

Saludos

[CORE]

Código HTML:

<div id="menu"></div>
<p><hola Mundo</p>

general.css
@import url("estilos.css") media screen;
div{width:100px;}
p{font:Arial 12px bold;}

@import url("estilos.impimir.css") media print;
div{visibility:hidden;}
p{font:Verdana .9em Italic;}

ejemplo sencillo
saludos