Jump to content
  • 0

печать страницы


sc@r@bey
 Share

Question

страница сверстана слоями, а как организовать печать не всей страницы, а только контента, и чтоб, если материал если не вмещается на страницы при печати разбивался на логические блоки?

Link to comment
Share on other sites

15 answers to this question

Recommended Posts

  • 0
  sc@r@bey said:
спасибо, но это не то, как сделать, чтоб печаталась не все страница, а определенный контейнер? и еще логически все разбивалось по страницам

Как не то? ^_^ Это как раз то, что надо!

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

Про постраничную разбивку пока забудьте.

Link to comment
Share on other sites

  • 0

так, я же не спрашивал как распечатать всю страницу, а спрашивал, как распечатать конкретный блок

единственно, что приходит, это сделать отдельную страницу с подрузкой необходимых данных

Edited by sc@r@bey
Link to comment
Share on other sites

  • 0
  sc@r@bey said:
так, я же не спрашивал как распечатать всю страницу, а спрашивал, как распечатать конкретный блок

единственно, что приходит, это сделать отдельную страницу с подрузкой необходимых данных

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

Если мысль не созрела, то можно поискать в гугле еще примеры, для большего понимания того, а зачем же это все нужно.

Можно еще ключевое слово поискать на данном форуме, и тут вы тоже найдете упоминание о том, как сделать то, что вы хотите.

Главное - не лениться и использовать ум.

Link to comment
Share on other sites

  • 0

Столкнулся с такой проблемой. Есть таблица. В таблице есть блок. Множно ли послать на печать только этот блок? Для печати страницы использую window.print(); Гуглешь кни к чему хорошему не привел. Конечно, если бы этот блок был вне таблицы и не имел родительских, то не было бы проблемой все скрыть, кроме нужного. А так... Буду благодарен если кто подскажет. Хотя, если чесно, почему-то кажется что это не возможно.

Link to comment
Share on other sites

  • 0
  s0rr0w said:
Вах! Молодец!

А с постраничной разбивкой, вот тебе подсказка

http://www.w3.org/TR/CSS21/page.html#page-breaks

создаю <p class="break">Текс</p>

а в css

.break {

page-break-before: auto

}

распечатывает по страницам только в ИЕ 7,8 больше нигде :huh:

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

  • Обсуждения

    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ    
    • Актуальные контакты: Telegram: @Nikker_web E-Mail:   tarasevich.email@gmail.com   Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ   Портфолио https://www.behance.net/d4d4186e
    • Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
×
×
  • 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