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

@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 **[ТС]**

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

Новые блоги и статьи Все статьи Все блоги /
Первый деплой lagorue 16.01.2026 Не спеша развернул своё 1ое приложение в kubernetes. А дальше мне интересно создать 1фронтэнд приложения и 2 бэкэнд приложения развернуть 2 деплоя в кубере получится 2 сервиса и что-бы они. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?
Сукцессия микоризы: основная теория в виде двух уравнений. 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 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

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

	Как правильно сверстать накладные формы 13.03.2016, 16:39. Показов 3916. Ответов 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