Скрыть Div, содержащий Youtube при печати веб-страницы - PullRequest
Новая
       20

Скрыть Div, содержащий Youtube при печати веб-страницы

1 голос
/ 07 июля 2011

Я создаю таблицу стилей печати для веб-страницы, которая, помимо текстового содержимого, также содержит встраивания youtube в области содержимого (например).

Я не хочу печатать YouTube, поэтому я добавил display:none в таблицу стилей печати для этих div.

Теперь div не печатаются, но в предварительном просмотре они занимают пустое место и, таким образом, выталкивают текстовое содержимое под ними.

В результате много пустого пространства с текстом под этим пустым пространством. Не хорошо. Есть решение или хитрость, чтобы решить это?

Код: 

<div class="bigblok_image">
<object height="325" width="400"><param name="movie" value="http://www.youtube.com/v/waVIqjB0WAU&amp;hl=nl&amp;fs=1"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><embed src="http://www.youtube.com/v/waVIqjB0WAU&amp;hl=nl&amp;fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" height="325" width="400">
</object>


div.bigblok_image { display: none; }

1 Ответ

2 голосов
/ 07 июля 2011

Добавьте следующее в заголовок: 

<link rel="stylesheet" href="print.css" media="print"/>

В print.css добавить следующее: 

#div-to-be-hidden
{
  display:none;
}
...