Форум PHP программистов > CSS

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: CSS - @media print

epsyl

21.08.2006 - 17:49

1. создайте пожалуйста подфорум для обсуждения CSS 2. вопрос: при выводе на печать не печатается фоновый цвет таблицы. (background-color) как сделать чтобы фон не пропадал? слышал, что это вроде бы делается с помощью

@media print 
{
...
}

кто-нибудь в курсе?

Спустя 12 минут, 36 секунд (21.08.2006 - 17:01) Timok написал(а):

Вроде никак. Это кстати от браузера зависит. В Опере например печается все как есть на странице.

Спустя 13 минут, 42 секунды (21.08.2006 - 17:15) epsyl написал(а):

да вот и мне кажется...
человек грит сделай мне! так должно быть!!! :mad:

Спустя 1 день, 17 часов, 50 минут, 23 секунды (23.08.2006 - 11:05) BlackTheMad написал(а):

Способ первый
Кароч, ты заводишь два файла с css. Один для нормального отображения в браузере, второй для печати. Пусть это будут screen.css и print.css.
Потом, когда подключаешь css, прописываешь в хедере:

Способ второй
Подключение через @import
@import url("print.css") print;
@import url("screen.css") screen;

Способ третий
Пишем явно в файле

@media print {
BODY { font-size: 10pt }
}
@media screen {
BODY { font-size: 12pt }
}

Вот такие пироги. А вообще читайте спецификации ;)

http://www.w3.org/TR/REC-CSS2/media.html

Спустя 7 минут, 14 секунд (23.08.2006 - 11:13) Leningrad00 написал(а):

А ты вопрос читай.

Спустя 21 час, 11 минут, 15 секунд (24.08.2006 - 08:24) Timok написал(а):

можно еще поизвращаться со слоями:

<html>
<head>
<style>
#fon{
  z-index:0;
  position: absolute;
  width:400px;
  height:400px;
}
#tab{
  z-index:1;
  position: absolute;
}
td{
  width:100px;
  height:100px;
  border:1px solid #06c;
}
</style>
</head>
 
<body>
<img id="fon" src="fon.gif" />
<table id="tab">
<tr><td> - - - </td><td> - - - </td><td> - - - </td><td> - - - </td></tr>
<tr><td> - - - </td><td> - - - </td><td> - - - </td><td> - - - </td></tr>
<tr><td> - - - </td><td> - - - </td><td> - - - </td><td> - - - </td></tr>
<tr><td> - - - </td><td> - - - </td><td> - - - </td><td> - - - </td></tr>
</table>
</body>
</html>

_____________

Быстрый ответ:

Здесь расположена полная версия этой страницы.