Поправить вывод формы

@Савва · Регистрация: 12.04.2012

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

Создаю на HTML форму приказа T-1, для вывода на печать. Помогите мне с верхним блоком, где имеется таблица:

------------------------Код
Форма по ОКУД----43433
по ОКПО-------------55345

Нужно чтобы было также как на рисунке вот эта табличка. Файл с изображением прикрепил.

@Fedor92 · 07.04.2015, 19:20

Сообщение от Савва

Помогите мне с верхним блоком, где имеется таблица:

Пилите...

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Table</title>
<link href="css/style.css" rel="stylesheet">
</head>
<style>
body{font:16px/1.25 Times new Roman}
ul{float:right; text-align:right; font-weight:bold; list-style:none}
p{position:absolute; width:70%; bottom:-10px; text-align:center}
div{float:left; position:relative; width:100%; height:200px; margin-top:10px; border-bottom:2px solid}
td, tr, table {border-collapse:collapse; text-align:center}
td, tr{width:100px}
table{float:right; width:400px; height:200px}
.border{border:2px solid black}
</style>
<body>
<ul>
    <li>Унифицированная форма</li>
    <li>Утверждена постановлением</li>
    <li>Бла-бла-бла</li>
    <li>Бла-бла-бла</li>
</ul>
<div>
    <p>ЗАО "РАССВЕТ"</p>
    <table style="">
        <tr>
            <td></td>
            <td class="border">Код</td>
        </tr>
        <tr>
            <td>Форма по ОКУД</td>
            <td class="border">43433</td>
        </tr>
        <tr>
            <td>по ОКПО</td>
            <td class="border">55345</td>
        </tr>
    </table>
</div>
</body>
</html>

@Савва · 08.04.2015, 21:42 **[ТС]**

Fedor92, помогите пожалуйста, еще со словом под строкой (Наименование организации)

@Fedor92 · 08.04.2015, 22:21

Савва, дык в чём проблема?

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Table</title>
<link href="css/style.css" rel="stylesheet">
</head>
<style>
body{font:16px/1.25 Times new Roman}
ul{float:right; text-align:right; font-weight:bold; list-style:none}
p{position:absolute; width:70%; bottom:-10px; text-align:center}
div.block{float:left; position:relative; width:100%; height:200px; margin-top:10px; border-bottom:2px solid}
div.org{float:left; position:relative; width:100%; height:30px}
td, tr, table {border-collapse:collapse; text-align:center}
td, tr{width:100px}
table{float:right; width:400px; height:200px}
.border{border:2px solid black}
</style>
<body>
<ul>
    <li>Унифицированная форма</li>
    <li>Утверждена постановлением</li>
    <li>Бла-бла-бла</li>
    <li>Бла-бла-бла</li>
</ul>
<div class="block">
    <p>ЗАО "РАССВЕТ"</p>
    <table style="">
        <tr>
            <td></td>
            <td class="border">Код</td>
        </tr>
        <tr>
            <td>Форма по ОКУД</td>
            <td class="border">43433</td>
        </tr>
        <tr>
            <td>по ОКПО</td>
            <td class="border">55345</td>
        </tr>
    </table>
</div>
    <div class="org">
<p>(наименование организации)</p>
</div>
</body>
</html>

@Савва · 09.04.2015, 15:04 **[ТС]**

Fedor92, тут разобрался. А вот как сделать такое поле из формы:
с окладом (тарифной ставкой) _________10_______________ руб. _____ коп. (только 10 над чертой), как на изображении

Помогите пожалуйста

@Fedor92 · 09.04.2015, 15:10

Савва, можно спанами с выделением нижней границы...

HTML5
1
<span style="border-bottom: 2px solid; padding-bottom:2px">10000</span>

@Савва · 09.04.2015, 15:21 **[ТС]**

Fedor92, но мне нужно чтобы линия была заданной ширины... Как это сделать?

@Fedor92 · 09.04.2015, 15:21

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

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta charset="utf-8">
</head>
<style>
p{display:inline-block}
</style>
<body>
<p style="width:200px; text-align:center; border-bottom: 2px solid; padding-bottom:2px">10000</p>
<p style="padding:5px 0px 5px 0px">руб.</p>
<p style="width:20px; text-align:center; border-bottom: 2px solid; padding-bottom:2px">00</p>
<p style="padding:5px 0px 5px 0px">коп.</p>
</body>
</html>

Задаёте ширину блока - получаете ширину линии...

@Савва · 09.04.2015, 15:34 **[ТС]**

Fedor92, что-то не получается чтобы ширина линии была во всю ширину листа.

@Fedor92 · 09.04.2015, 15:35

Савва, ширина чего?

@Савва · 09.04.2015, 15:38 **[ТС]**

Fedor92, вот такой вопрос как в строчке это сделать:
Директор
_________
Должность

@Fedor92 · 09.04.2015, 15:49

Савва, а чего там делать?

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta charset="utf-8">
</head>
<style>
p{display:inline-block}
</style>
<body>
<p style="width:14%">C окладом (тарифной ставкой)</p>
<p style="width:50%; text-align:center; border-bottom: 2px solid; padding-bottom:2px">10000</p>
<p style="padding:5px 0px 5px 0px">руб.</p>
<p style="width:5%; text-align:center; border-bottom: 2px solid; padding-bottom:2px">00</p>
<p style="padding:5px 0px 5px 0px">коп.</p><br>
<div style="width:14%">
<p style="width:100%; padding-bottom:2px; border-bottom: 2px solid; text-align:center; font-style:italic">Директор</p>
<p style="width:100%; text-align:center; margin-top:-40px">(должность)</p>
</div>
</body>
</html>

@Савва · 09.04.2015, 20:53 **[ТС]**

HTML5
1
2
3
4
5
6
7
8
9
<p style="width:35%;">Руководитель организации</p>
<p style="width:20%; text-align:center; border-bottom: 1px solid; padding-bottom:1px">Директор</p>
<p style="width:20%; text-align:center; border-bottom: 1px solid; padding-bottom:1px">Директор</p>
<p style="width:20%; text-align:center; border-bottom: 1px solid; padding-bottom:1px">Директор</p>
 
 
<p style="width:40%; text-align:right; margin-top:-15px; margin-left: 0px;">(должность)</p>
<p style="width:65%; text-align:right; margin-top:-45px; margin-left: 0px;">(подпись)</p>
<p style="width:90%; text-align:right; margin-top:-45px; margin-left: 0px;">(расшифровка подписи)</p>

Добавлено через 36 минут
Fedor92, Помогите, у меня ниже линий наименования в одну строчку не становятся...

@Fedor92 · 09.04.2015, 20:54

Я Вам пишу один код... Вы ставите совершенно другой...

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta charset="utf-8">
</head>
<style>
p, div{display:inline-block}
</style>
<body>
<p style="width:14%">C окладом (тарифной ставкой)</p>
<p style="width:50%; text-align:center; border-bottom: 2px solid; padding-bottom:2px">10000</p>
<p style="padding:5px 0px 5px 0px">руб.</p>
<p style="width:5%; text-align:center; border-bottom: 2px solid; padding-bottom:2px">00</p>
<p style="padding:5px 0px 5px 0px">коп.</p><br>
<div style="width:14%">
<p style="width:100%; padding-bottom:2px; border-bottom: 2px solid; text-align:center; font-style:italic">Директор</p>
<p style="width:100%; text-align:center; margin-top:-40px">(должность)</p>
</div>
<div style="width:14%; margin-left:5%">
<p style="width:100%; padding-bottom:2px; border-bottom: 2px solid; text-align:center; font-style:italic">Директор</p>
<p style="width:100%; text-align:center; margin-top:-40px">(подпись)</p>
</div>
<div style="width:14%; margin-left:5%">
<p style="width:100%; padding-bottom:2px; border-bottom: 2px solid; text-align:center; font-style:italic">Директор</p>
<p style="width:100%; text-align:center; margin-top:-40px">(расшифровка подписи)</p>
</div>
</body>
</html>

@Савва · 09.04.2015, 21:44 **[ТС]**

Fedor92, как в начале тогда надпись приписать "Руководитель организации"?

@Fedor92 · 09.04.2015, 22:49

Савва, мы договаривались на

Сообщение от Савва

Помогите мне с верхним блоком, где имеется таблица:

уже блок нижний без таблицы!

Кликните здесь для просмотра всего текста

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta charset="utf-8">
</head>
<style>
p, div{display:inline-block}
</style>
<body>
<div style="width:14%">
<p style="width:100%; text-align:center">Руководитель организации</p>
<p style="width:100%; margin-top:-40px"></p>
</div>
<div style="width:14%;margin-left:5%">
<p style="width:100%; padding-bottom:2px; border-bottom: 2px solid; text-align:center; font-style:italic">Директор</p>
<p style="width:100%; text-align:center; margin-top:-40px">(должность)</p>
</div>
<div style="width:14%; margin-left:5%">
<p style="width:100%; padding-bottom:2px; border-bottom: 2px solid; text-align:center; font-style:italic">Директор</p>
<p style="width:100%; text-align:center; margin-top:-40px">(подпись)</p>
</div>
<div style="width:14%; margin-left:5%">
<p style="width:100%; padding-bottom:2px; border-bottom: 2px solid; text-align:center; font-style:italic">Директор</p>
<p style="width:100%; text-align:center; margin-top:-40px">(расшифровка подписи)</p>
</div>
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а привычная функция main(). . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/

@Савва 10 / 10 / 0 Регистрация: 12.04.2012 Сообщений: 333

	Поправить вывод формы 07.04.2015, 17:28. Показов 660. Ответов 15 Метки нет (Все метки) Создаю на HTML форму приказа T-1, для вывода на печать. Помогите мне с верхним блоком, где имеется таблица: ------------------------Код Форма по ОКУД----43433 по ОКПО-------------55345 Нужно чтобы было также как на рисунке вот эта табличка. Файл с изображением прикрепил. Миниатюры 0

@Савва 10 / 10 / 0 Регистрация: 12.04.2012 Сообщений: 333
	08.04.2015, 21:42 [ТС]
	Fedor92, помогите пожалуйста, еще со словом под строкой (Наименование организации) 0

@Савва 10 / 10 / 0 Регистрация: 12.04.2012 Сообщений: 333
	09.04.2015, 15:04 [ТС]
	Fedor92, тут разобрался. А вот как сделать такое поле из формы: с окладом (тарифной ставкой) _________10_______________ руб. _____ коп. (только 10 над чертой), как на изображении Помогите пожалуйста 0

@Савва 10 / 10 / 0 Регистрация: 12.04.2012 Сообщений: 333
	09.04.2015, 15:21 [ТС]
	Fedor92, но мне нужно чтобы линия была заданной ширины... Как это сделать? 0

@Савва 10 / 10 / 0 Регистрация: 12.04.2012 Сообщений: 333
	09.04.2015, 15:34 [ТС]
	Fedor92, что-то не получается чтобы ширина линии была во всю ширину листа. 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	09.04.2015, 15:35
	Савва, ширина чего? 1

@Савва 10 / 10 / 0 Регистрация: 12.04.2012 Сообщений: 333
	09.04.2015, 15:38 [ТС]
	Fedor92, вот такой вопрос как в строчке это сделать: Директор _________ Должность 0

@Савва 10 / 10 / 0 Регистрация: 12.04.2012 Сообщений: 333
	09.04.2015, 21:44 [ТС]
	Fedor92, как в начале тогда надпись приписать "Руководитель организации"? 0