Jump to content
  • 0

Два варианта текста


кэп
 Share

Question

Как делаются варианты по выводу текста страницы:

- для просмотра браузером

- для просмотра перед печатью

Например, есть текст разбитый на главы и страницы. При просмотре браузером можно перемещаться по страницам. А при просмотре перед печатью - сплошной текст и навигация скролом. Например вот это как реализовано?

для просмотра

http://kino-teatr.ru/kino/movie/hollywood/51133/forum/

для печати

http://kino-teatr.ru/kino/movie/hollywood/51133/forum/print/

Т.е. должен быть один источник текста. Возможно ли такое выполнить без php? Только html. Насколько я понял с использованием ssi это делается. Или есть еще варианты?

Edited by кэп
Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0

тут два способа. есть медиа запрос:

@media print { /* Стиль для печати */}

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

либо подключить отдельный css прописав ему media="print"

<link media="print" rel="stylesheet" href="print.css">
Link to comment
Share on other sites

  • 0

Кажется, я понял. Нужна возможность по условию подключить тот или иной css.

Где-то в коде я уже видел, что в html можно использовать усовия IF.

Или это не так?

Зачем вам IF. Просто одни стили для печати, а другие для экранов и всё.

Link to comment
Share on other sites

  • 0

Вот например. Есть:

- view.css

- print.css

- text.html

- две гиперссылки на text.html

Одна гиперссылка для просмотра, вторая для печати.

В самом text.html можно только один css-файл указать.

А нужно или тот или тот, в зависимости, какую ссылку нажали.

Edited by кэп
Link to comment
Share on other sites

  • 0

Если все-таки попробовать с IF, то какой примерно будет код?

Как проанализировать, какую ссылку нажали?

В зависимости от этого подключить соотвест. CSS.

Хотя бы попробовать, сработает, чи нет.

<!--[if условие]> невидимый HTML-код <![endif]-->
Вот такие IFы есть в наличии. Edited by кэп
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy