Foros del Web - Ver Mensaje Individual

emprear · #5 (**permalink**) 22/09/2012, 21:55

Cuando vinculas ó insertas un css en tu html, podés definir un atributo llamado "media", el cual determina sobre que tipo de medio afectará los estilos.
Sobre los diferentes atributos podés consultar
http://www.w3.org/TR/CSS2/media.html#media-intro
En tu caso en particular trabajarías sobre screen y print, es decir, pantalla e impresión

Un ejemplo muy básico

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>xxxxx</title>
<link rel="stylesheet" type="text/css" href="pantalla.css" media="screen" />
<link rel="stylesheet" type="text/css" href="imprimir.css" media="print" />
</head>
<body>
<div id="datos_pantalla">
contenido visible
</div>
<div id="ficha_impresion">
datos imprimibles
</div>
</body>
</html>

tus css

pantalla.css

Código CSS:

Ver originaldiv#ficha_impresion{
display: none;
}

imprimir.css

Código CSS:

Ver originaldiv#datos_pantalla{
display: none;
}

más info
http://librosweb.es/css/capitulo13/v..._imprimir.html

Saludos