| |
|
|
| | Что-то никак не соображу.
Вот нужно вывести на печать договор, с прочерком для подписи:
Иванов И.И. ___________
Но нужно чтобы прочерк не зависел от длины фамилии.
Т.е. место довольно ограничено, и необходимо, чтобы даже если фамилия будет Ишмуратхазбулыджумшуев Х.Х. подчеркивание не съехало на другую строку, а было от конца фамилии и до конца строки!
В ворде я это делаю подчеркиванием символа табуляции и установкой табулостопа в конец строки.
А как можно такое же реализовать с помощью CSS? | |
| |
|
|
| |
|
|
| |
для: Sfinks
(18.09.2012 в 21:25)
| | | Как вариант: http://cssdesk.com/MDxA4 | |
| |
|
|
| |
|
|
| |
для: Deed
(19.09.2012 в 00:22)
| | | ваще не вариант....
Даже рядом не лежало | |
| |
|
|
| |
 687 байт |
|
| |
для: Sfinks
(19.09.2012 в 01:11)
| | | А, да там сервис подглючивает.
Ссылку, что я привел, откройте правым кликом и выборов "Открыть в новой вкладке". Хоть ссылки и таржет _бланк, однако что-то глючит на том серваке.
Вот вам аттач.
Это, сели я правильно понял проблему. Вы хотите просто выводить форму на печать? | |
| |
|
|
| |
15 Кб |
|
| |
для: Deed
(19.09.2012 в 01:19)
| | | Я и говорю, что не правильно поняли.
Изобразил то что нужно в Ворде, скриншот в аттаче.
Т.е. сразу после фамилии начинается подчеркивание, и не зависимо от длинны фамилии заканчивается подчеркивание в строго определенном месте. | |
| |
|
|
| |
|
|
| |
для: Sfinks
(19.09.2012 в 10:50)
| | | То есть, вы хотите реализовать то же самое, но средствами HTML? И это предназначено для распечатки? Или вы хотите, чтобы форма заполнялась в он-лайн режиме? | |
| |
|
|
| |
|
|
| |
для: Deed
(19.09.2012 в 13:19)
| | | И то и другое и третье.
HTML-форма заполняется, данные передаются в обработчик, обработчик выводит заполненный договор для распечатки.
Решил так:
<!--<?-->
<html>
<head>
<style type="text/css">
.w{width:100%}
.f{white-space:nowrap}
.u{border-bottom:solid black 1px}
</style>
</head>
<body>
<table class="w"><tr><td class="f">Иванов И.И.</td>
<td class="w u"> </td></tr></table>
<table class="w"><tr><td class="f">Семипалатинский А.Е.</td>
<td class="w u"> </td></tr></table>
<table class="w"><tr><td class="f">Стотридцптишестилучинская У.У.</td>
<td class="w u"> </td></tr></table>
<table class="w"><tr><td class="f">Антонов А.А.</td>
<td class="w u"> </td></tr></table>
</body>
</html>
|
... но как-то это черезодноместно.
Если кто подскажет более элегантное решение - буду признателен.
P.S. Кстати, о том что речь идет о распечатке написано в первом посте.
P.P.S. И что вас так смущает? Вы не слышали о CSS для устройств с постраничной разбивкой (в данном случае для принтера)? | |
| |
|
|
| |
|
|
| |
для: Sfinks
(19.09.2012 в 13:35)
| | | Я побежал на работу, а пока, если я вас правильно понял, вы хотите, чтобы подчеркивание сохранялось и при вводе данных, и при последующей распечатке?
Тогда, если это так, можно создать инпут с нижним бордером и фиксированными шириной и максленсом.
Но я опять сомневаюсь, что правильно понял, чего вы хотите. | |
| |
|
|
| |
|
|
| |
для: Deed
(19.09.2012 в 13:52)
| | | дык, как же его понять, если он сначала говорит:
"Но нужно чтобы прочерка не зависел от длины фамилии.", а потом
"Т.е. ... если фамилия будет Ишмуратхазбулыджумшуев Х.Х. подчеркивание не съехало на другую строку, а было от конца фамилии и до конца строки!"
два взаимоисключающих предложения. размер прочерка ДОЛЖЕН зависеть от длины фамилии, чем фамилия длинне, тем прочерк короче и наоборот.
человек не понимает элементарных вещей, а вы ему программу подсовываете. инпут с нижней границей его вполне удовлетворит. | |
| |
|
|
| |
|
|
| |
для: elenaki
(19.09.2012 в 15:24)
| | | >два взаимоисключающих предложения.
И что тут взаимоисключает?
РАЗМЕР ПРОЧЕРКА - это по вашему единственная характеристика подчеркивания?
Фраза "Но нужно чтобы прочерк не зависел от длины фамилии" относилась к его положению на строке, а не к длине. Но, перечитав, я сам понял, что фраза неоднозначна, поэтому уточнил второй вашей цитатой, которая как раз исключает неоднозначность!
Если и сейчас не понятно, поясняю на примере:
в варианте
Иванов <span style="text-decoration:underline">     </span>
|
подчеркивание будет не до конца строки, а в варианте
Ишмуратхазбулыджумшуев Х.Х.<span style="text-decoration:underline">     </span>
|
съедет на вторую строку.
Если и так не понятно, то объяснил рисунком.
Если и так не понятно - то объяснил кодом, который ПОЛНОСТЬЮ выполняет именно то, что нужно. Просто не очень нравится нагромождение table'ов.
Ну а если и так не понятно, то тема закрыта.
Открыт только вопрос, кто тут "не понимает элементарных вещей". Но он останется без ответа. | |
| |
|
|
| |
|
|
| |
для: Sfinks
(19.09.2012 в 13:35)
| | |
<!--<?-->
<!doctype html> <!-- можно и без доктайпа -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
p {border-bottom: 1px solid #000; width: 654px}
span.stat {position: relative; background-color: #fff; top: 1px; padding-right: 12px}
/* выделенное жирным можно менять или даже вовсе не прописывать */
</style>
</head>
<body>
<p><span class="stat">Иванов И.И.</span><span>а здесь заполняйте скоКА надА</span></p>
<p><span class="stat">Семипалатинский А.Е.</span><span></span></p>
<p><span class="stat">Стотридцптишестилучинская У.У.</span><span>или сАвсем не заполняйте</span></p>
<p><span class="stat">Антонов А.А.</span></p>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: ЯСА
(19.09.2012 в 20:10)
| | | Ну слава богу!
Я уж думал, что это не возможно!
Сам пытался сделать что-то подобное, но подходил с другой стороны... Пытался сделать подчеркнутый span и как-то растянуть его. По разному пытался, но ничего не получалось.
Ваш вариант мне нравится намного больше, чем табличный!
Огромное спасибо!
[UPD] Кстати, а зачем подчеркнутый текст в еще одних спанах? Вроде и без них все нормально. В этом есть какой-то смысл или проставлено на автомате? | |
| |
|
|
| |
|
|
| |
для: Sfinks
(20.09.2012 в 00:00)
| | | Я вам дал два варианта - и со вторым <span> в параграфе, и вовсе без него (см. Антонова).
-----
В стародавнее (ещё советское) время, когда не было ксероксов, да и ротапринты/ризографы были большой редкостью, начальство подписывало только первый экземпляр (подлинник) документа, который хранился в специальной папке/книге. Исполнителям же уходили машинописные копии, в которых в местах подчёркивания после должностей/фамилий было пропечатано п/п, что означало "подлинник подписан".
И дополнительно ниже на копиях пропечатывалась строка "Копию изготовила/сверила ________________ Иванова Н. П."
Мысль уловили? | |
| |
|
|
| |
|
|
| |
для: ЯСА
(20.09.2012 в 00:56)
| | | >Мысль уловили?
Нет.
Как-то это очень "издалека" =) | |
| |
|
|
| |
|
|
| |
для: Sfinks
(20.09.2012 в 02:00)
| | | Доброе время суток. Подскажите, пожалуйста, при запуске вышеуказанного кода все красиво получается, а при печати подчеркивается вся строка с текстом слева. От чего это зависит? | |
| |
|
|
| |
|
|
| |
для: vetka
(14.01.2016 в 08:10)
| | | а не легче попросту не задавать в самом начале документа body {style:none;}? | |
| |
|
|
