[CSS] Dwie wersje dokumentu: do druku, do oglądania


(Marthy) #1

W jaki sposób zrobić tak żeby ten sam dokument XHTML 1.1 był w dwóch różnych wersjach?

Wiem, że przy podawaniu linku do pliku css trzeba podac dodatkowo atrybut media (screen, print).

Jednak jak to potem uwzględnic w arkuszu stylu (@media??)

Chętnie spojrzałabym na jakiś przykładowy css, który to wykorzystuje.


(Tomasz Wos) #2

Więc tak - rozumujesz prawidłowo - czyli że trzeba nadać dla media albo scerren albo print.

Więc:

Po prostu utwórz osobny plik zawierający style dla drukarki :). (jak zastosujesz display:none to poukrywasz elementy które mają być niedrukowane...)

Działa np na (mam nadzieję że nie będzie to potraktowane jako jakaś reklama) http://www.cembra.pl czy http://www.supporter.edu.pl


(Marthy) #3

Tyle to już wiem :slight_smile:

Ale np. w ekran.css ustawiam kolor tla, a w druk.css tlo jest biale, a mimo wszystko jak dam podglad wydruku, to tlo jest kolorowe.

jak dokladnie to stosowac? chodzi o to, żeby np. przy img {...} dodać 'display: none' ?


(Tomasz Wos) #4

zobacz sobie na stronę www.cembra.pl w przykładową kategorię (dla strony głównej nie działa to tak jakbym chciał - nie miałem czasu :frowning: ) i zobacz sobie jak to wygląda przy podglądzie wydruku

Tu masz linki do poszczególnych css:

http://www.cembra.pl/css/cembra.css i http://www.cembra.pl/css/druk1.css

Co do display none to dokładnie tak jak myślisz. np

.kotek {

display:none;

}