Как правильно сверстать накладные формы

@Cdelphi78 · Регистрация: 21.02.2014

Студворк — интернет-сервис помощи студентам

Как правильно сверстать накладные формы ? Чтобы на печать можно было выводить и не ехало ничего при добавлении товаров, например вот такую http://kak26.ru/upload/iblock/... 5ad587.jpg

@dzendev · 13.03.2016, 16:50

Для печати можно подключать стили отдельно

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

Они будут использоваться только тогда когда надо будет распечатать документ.
Можно в общем css прописать дополнительные стили для печати

CSS
1
2
3
4
5
6
@media print {
    body {
     font-family: Times, 'Times New Roman', serif; 
    }
    .....
}

@Cdelphi78 · 13.03.2016, 18:13 **[ТС]**

dzendev, У меня верстка сделана табличная как я медиа запрос прикручу?

@dzendev · 13.03.2016, 20:51

Хм. Не понял

. Причём тут табличная верстка. CSS - задаёт стили оформления, media равная print используется только тогда когда страница выводится на печать. А чем ты там верстал таблица или дивами не имеет значения.

@Cdelphi78 · 13.03.2016, 21:27 **[ТС]**

Ну смотрите например в таблице 100 товаров как формируется страница в этом случае на печати?

Добавлено через 24 секунды
На A4 не влезает если

@dzendev · 14.03.2016, 08:43

Видно что если таблица при печати не вмещается на одной странице А4 она переносится на другую страницу.

@Cdelphi78 · 14.03.2016, 12:47 **[ТС]**

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

@dzendev · 14.03.2016, 13:07

Сложно сказать по скрину, надо код смотреть. Но из того что видно по скрину, таблица какая-то кривая, двойные ячейки, видно сгенерирована криво.
Не понял! Ты там что закрашивал цифры белым фоном

?

@Cdelphi78 · 14.03.2016, 13:23 **[ТС]**

Сообщение от dzendev

Ты там что закрашивал цифры белым фоном

Да но это не суть.

Сообщение от dzendev

Но из того что видно по скрину, таблица какая-то кривая, двойные ячейки, видно сгенерирована криво.

Хм, а вот как выглядит на странице

@Cdelphi78 · 14.03.2016, 13:24 **[ТС]**

Сообщение от Cdelphi78

видно сгенерирована криво.

Что значит сгенерирована?

@dzendev · 14.03.2016, 13:37

Сообщение от Cdelphi78

Что значит сгенерирована?

Ну это же не статика? Какой то код эту таблицу генерирует в html.

Сообщение от Cdelphi78

Хм, а вот как выглядит на странице

Видно что толщина бордеров у ячеек разной толщины. Для анализа нужен html код это таблицы.

@Cdelphi78 · 14.03.2016, 13:45 **[ТС]**

Сообщение от dzendev

Ну это же не статика?

АААа, нет это статика.
Вот код

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<tr class="xl27" height="25" style="max-height:25pt;overflow:hidden;">
        <td colspan="3" height="25" class="xl121" style="border-right:1px solid black;height:25pt">29</td>
        <td colspan="16" class="xl125" width="160" style="border-right:1.0pt solid black;border-left:none;width:128pt">пвапв<br>вапвап</td>
        <td colspan="4" class="xl127" style="border-right:1.0pt solid black;border-left:none"></td>
        <td colspan="5" class="xl130" style="border-right:1.0pt solid black;border-left:none">шт.</td>
        <td colspan="5" class="xl127" style="border-right:1px solid black;border-left:none">354</td>
        <td colspan="5" class="xl133" style="border-right:1px solid black;border-left:none">&nbsp;</td>
        <td colspan="5" class="xl135" style="border-right:1px solid black;border-left:none">&nbsp;</td>
        <td colspan="5" class="xl135" style="border-right:1px solid black;border-left:none">&nbsp;</td>
        <td colspan="5" class="xl135" style="border-right:1px solid black;border-left:none">&nbsp;</td>
        <td colspan="6" class="xl135" style="border-right:1px solid black;border-left:none">35</td>
        <td colspan="9" class="xl135" style="border-right:1px solid black;border-left:none">235.00</td>
        <td colspan="7" class="xl135" style="border-right:1.0pt solid black;border-left:none">34534</td>
        <td colspan="4" class="xl138" style="border-right:1.0pt solid black;border-left:none">укавпвп</td>
        <td colspan="7" class="xl140" style="border-right:1px solid black;border-left:none">6546</td>
        <td colspan="9" class="xl135" style="border-right:1.0pt solid black;border-left:none">54350</td>
    </tr>

Добавлено через 2 минуты
Просто каК гугл формирует так эту таблицу на печать не понятно.

@dzendev · 14.03.2016, 13:58

CSS
1
max-height:25pt;overflow:hidden;

Странное какое-то значение, сначала объявить максимальную высоту в 25pt для строки, а затем сделать невидимым всё что за её границы выходит.
А ещё атрибут colspan="4" для td объединяет несколько ячеек. Зачем это?

@Cdelphi78 · 14.03.2016, 14:02 **[ТС]**

Не знаю верстка не моя почему тогда все хорошо выглядит на странице а на печати плохо))

@dzendev · 14.03.2016, 14:11

Сообщение от Cdelphi78

Не знаю верстка не моя

Тогда аккуратно переверстайте таблицу

Сообщение от Cdelphi78

почему тогда все хорошо выглядит на странице а на печати плохо))

Сиё есть тайна покрытая мраком, и только вы можете её постичь, потому что вам доступен код)))

@Cdelphi78 · 14.03.2016, 14:17 **[ТС]**

Сообщение от dzendev

Тогда аккуратно переверстайте таблицу

Что значит аккуратно, я не вижу ничего подозрительного?

Добавлено через 2 минуты
Почему нельзя отлаживать код из предварительного просмотра на печать?

@dzendev · 14.03.2016, 14:21

Сообщение от Cdelphi78

я не вижу ничего подозрительного?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<table>
    <tr>
        <td>ololo</td>
        <td>ololo</td>
        <td>ololo</td>
    </tr>
    <tr>
        <td>ololo</td>
        <td>ololo</td>
        <td>ololo</td>
    </tr>
</table>

Возьмите чистую таблицу и вперед заполнять её! Посмотрите как она будет в браузере и как на печати

@Cdelphi78 · 14.03.2016, 14:27 **[ТС]**

Значит не хотите подсказать в чем проблема, ну ладно, спасибо.

@dzendev · 14.03.2016, 14:33

Я же вам подсказал

HTML5
1
<tr class="xl27" height="25" style="max-height:25pt;overflow:hidden;">

на эту строку указал вам

HTML5
1
<td colspan="3" height="25" class="xl121" style="border-right:1px solid black;height:25pt">29</td>

на атрибут colspan для ячейки, он скорее всего лишний
Ну и классы для каждой ячейки, какие у них стили? class="xl121" - что вот он значит, я же не знаю.

@Cdelphi78 · 14.03.2016, 15:09 **[ТС]**

Ну подсказали а это может влиять не рассказали)

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444

	Как правильно сверстать накладные формы 13.03.2016, 16:39. Показов 3906. Ответов 23 Метки нет (Все метки) Как правильно сверстать накладные формы ? Чтобы на печать можно было выводить и не ехало ничего при добавлении товаров, например вот такую http://kak26.ru/upload/iblock/... 5ad587.jpg 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	13.03.2016, 18:13 [ТС]
	dzendev, У меня верстка сделана табличная как я медиа запрос прикручу? 0

@dzendev 181 / 103 / 48 Регистрация: 12.03.2016 Сообщений: 260
	13.03.2016, 20:51
	Хм. Не понял . Причём тут табличная верстка. CSS - задаёт стили оформления, media равная print используется только тогда когда страница выводится на печать. А чем ты там верстал таблица или дивами не имеет значения. 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	13.03.2016, 21:27 [ТС]
	Ну смотрите например в таблице 100 товаров как формируется страница в этом случае на печати? Добавлено через 24 секунды На A4 не влезает если 0

@dzendev 181 / 103 / 48 Регистрация: 12.03.2016 Сообщений: 260
	14.03.2016, 08:43
	Видно что если таблица при печати не вмещается на одной странице А4 она переносится на другую страницу. Миниатюры 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	14.03.2016, 12:47 [ТС]
	dzendev, тогда не понятно почему такой косяк может возникать при печати, верстка обычной таблицей, на самой странице все нормально Миниатюры 0

@dzendev 181 / 103 / 48 Регистрация: 12.03.2016 Сообщений: 260
	14.03.2016, 13:07
	Сложно сказать по скрину, надо код смотреть. Но из того что видно по скрину, таблица какая-то кривая, двойные ячейки, видно сгенерирована криво. Не понял! Ты там что закрашивал цифры белым фоном ? 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	14.03.2016, 14:02 [ТС]
	Не знаю верстка не моя почему тогда все хорошо выглядит на странице а на печати плохо)) 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	14.03.2016, 14:27 [ТС]
	Значит не хотите подсказать в чем проблема, ну ладно, спасибо. 0

@Cdelphi78 140 / 74 / 18 Регистрация: 21.02.2014 Сообщений: 3,444
	14.03.2016, 15:09 [ТС]
	Ну подсказали а это может влиять не рассказали) 0