una css en pantalla y otra para impresion [en un solo documento]

mebarak · #1 (**permalink**) 14/08/2003, 12:19

Saludos, hace dias hice una pregunta, pero ahora que ya resolvi mi duda les comunico mi descubrimiento, ya que me parece genial, en un documento web podemos tener varias css externas cada una para diferentes fines esto automaticamente, es decir veo un articulo este lo veo en el mmonitor de mi pc y veo menus, barra de navegacion, etc. me gusto el articulo y deseo leerlo con mas calma y lo imprimo ¡ohh sorpresa! no se imprimieron los menus y ni la barra de navegacion solo el texto.

un ejemplo es esta página que sus articulos incluyen varios css uno para visualizarlo en pantalla y otro para impresion, prueben darle vista previa al documento o imprime un articulo y veras como solo imprime el texto con sus imagenes.

http://www.alzado.org/articulo.php?id_art=195

La solucion es el elemento "media" en el que se especifica la css y el medio para el que se empleara

un ejemplo es este

Código PHP:

  <html> 
  <head> 
     <title>Título del archivo</title> 
        <link rel=stylesheet media="screen" href="website.css"> 
        <link rel=stylesheet media="print" href="printer.css"> 
        <link rel=stylesheet media="aural" href="speaker.css"> 
   </head> 
<body> 
</body> 
</html>

para la cs printer.css solo es necesario crear una clase para ocultar y lo demas se le dara formato normal mente

Código PHP:

  .nover{  
visibility:hidden  
}  
sigue tu hoja de estilo normal [para el texto e imagenes...

tu documento tendra un tag div para las regiones que deses ocultar a la hora de imprimir

Código PHP:

  <div class="nover"> 
Aqui tu barra de navegacion... 
</div> 
aqui lo demas de tu sitio...

si desian profundizar hacerca de este tema pueden visitar los siguientes vinculos:
http://www.w3.org/TR/1998/REC-CSS2-19980512/
o una de sus traducciones al castellano
http://www.sidar.org/recur/desdi/tra...css/cover.html
http://www.selfhtml.com.ar/selfhtml7/tdba.htm

Gracias

tunait · #2 (**permalink**) 14/08/2003, 12:32

... por la info, y también por agregarlo a las faq

saludos, mebarak

mebarak · #3 (**permalink**) 14/08/2003, 12:41

Por nada

solo para contribuir con esta gran comunidad

caricatos · #4 (**permalink**) 15/08/2003, 08:34

Hola mebarak y tunait

:

He actualizado el índice de las FAQs... Por cierto, me ha parecido un tema muy interesante, mi enhorabuena.

Saludos

kawoq · #5 (**permalink**) 14/01/2004, 10:21

y esto tambien te oculta la url que sale en el top o bottom de la página, al momento de imprimir un artículo, es decir quiero imprimir el documento de x sitio web, pero no quiero que me salga la URL que pone siempre arriba o en la parte baja de la hoja donde se imprime.