Tema: FAQ's de CSS
Ver Mensaje Individual
  #28 (permalink)  
Antiguo 14/08/2003, 12:23
Avatar de mebarak
mebarak
 
Fecha de Ingreso: julio-2001
Ubicación: México, Distrito Federal
Mensajes: 133
Antigüedad: 22 años, 9 meses
Puntos: 0
FAQ-28 una css en pantalla y otra para impresion [en un solo documento]

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 atributo "media" del elemento style 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
__________________
Daniel Nava
Sistem administrator Wintel
Desarrollador web [IIS]
http://mebarak.blogspot.com

Última edición por JavierB; 07/05/2006 a las 02:47