Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как изобразить подчеркнутую строку?
 
 автор: Sfinks   (18.09.2012 в 21:25)   письмо автору
 
 

Что-то никак не соображу.

Вот нужно вывести на печать договор, с прочерком для подписи:

Иванов И.И. ___________

Но нужно чтобы прочерк не зависел от длины фамилии.
Т.е. место довольно ограничено, и необходимо, чтобы даже если фамилия будет Ишмуратхазбулыджумшуев Х.Х. подчеркивание не съехало на другую строку, а было от конца фамилии и до конца строки!

В ворде я это делаю подчеркиванием символа табуляции и установкой табулостопа в конец строки.
А как можно такое же реализовать с помощью CSS?

  Ответить  
 
 автор: Deed   (19.09.2012 в 00:22)   письмо автору
 
   для: Sfinks   (18.09.2012 в 21:25)
 

Как вариант: http://cssdesk.com/MDxA4

  Ответить  
 
 автор: Sfinks   (19.09.2012 в 01:11)   письмо автору
 
   для: Deed   (19.09.2012 в 00:22)
 

ваще не вариант....
Даже рядом не лежало

  Ответить  
 
 автор: Deed   (19.09.2012 в 01:19)   письмо автору
687 байт
 
   для: Sfinks   (19.09.2012 в 01:11)
 

А, да там сервис подглючивает.
Ссылку, что я привел, откройте правым кликом и выборов "Открыть в новой вкладке". Хоть ссылки и таржет _бланк, однако что-то глючит на том серваке.
Вот вам аттач.
Это, сели я правильно понял проблему. Вы хотите просто выводить форму на печать?

  Ответить  
 
 автор: Sfinks   (19.09.2012 в 10:50)   письмо автору
15 Кб
 
   для: Deed   (19.09.2012 в 01:19)
 

Я и говорю, что не правильно поняли.
Изобразил то что нужно в Ворде, скриншот в аттаче.
Т.е. сразу после фамилии начинается подчеркивание, и не зависимо от длинны фамилии заканчивается подчеркивание в строго определенном месте.

  Ответить  
 
 автор: Deed   (19.09.2012 в 13:19)   письмо автору
 
   для: Sfinks   (19.09.2012 в 10:50)
 

То есть, вы хотите реализовать то же самое, но средствами HTML? И это предназначено для распечатки? Или вы хотите, чтобы форма заполнялась в он-лайн режиме?

  Ответить  
 
 автор: Sfinks   (19.09.2012 в 13:35)   письмо автору
 
   для: 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">&nbsp;</td></tr></table>
  <
table class="w"><tr><td class="f">Семипалатинский А.Е.</td>
                       <
td class="w u">&nbsp;</td></tr></table>
  <
table class="w"><tr><td class="f">Стотридцптишестилучинская У.У.</td>
                       <
td class="w u">&nbsp;</td></tr></table>
  <
table class="w"><tr><td class="f">Антонов А.А.</td>
                       <
td class="w u">&nbsp;</td></tr></table>
</
body>
</
html>
... но как-то это черезодноместно.

Если кто подскажет более элегантное решение - буду признателен.

P.S. Кстати, о том что речь идет о распечатке написано в первом посте.

P.P.S. И что вас так смущает? Вы не слышали о CSS для устройств с постраничной разбивкой (в данном случае для принтера)?

  Ответить  
 
 автор: Deed   (19.09.2012 в 13:52)   письмо автору
 
   для: Sfinks   (19.09.2012 в 13:35)
 

Я побежал на работу, а пока, если я вас правильно понял, вы хотите, чтобы подчеркивание сохранялось и при вводе данных, и при последующей распечатке?
Тогда, если это так, можно создать инпут с нижним бордером и фиксированными шириной и максленсом.

Но я опять сомневаюсь, что правильно понял, чего вы хотите.

  Ответить  
 
 автор: elenaki   (19.09.2012 в 15:24)   письмо автору
 
   для: Deed   (19.09.2012 в 13:52)
 

дык, как же его понять, если он сначала говорит:
"Но нужно чтобы прочерка не зависел от длины фамилии.", а потом
"Т.е. ... если фамилия будет Ишмуратхазбулыджумшуев Х.Х. подчеркивание не съехало на другую строку, а было от конца фамилии и до конца строки!"

два взаимоисключающих предложения. размер прочерка ДОЛЖЕН зависеть от длины фамилии, чем фамилия длинне, тем прочерк короче и наоборот.

человек не понимает элементарных вещей, а вы ему программу подсовываете. инпут с нижней границей его вполне удовлетворит.

  Ответить  
 
 автор: Sfinks   (19.09.2012 в 15:55)   письмо автору
 
   для: elenaki   (19.09.2012 в 15:24)
 

>два взаимоисключающих предложения.
И что тут взаимоисключает?
РАЗМЕР ПРОЧЕРКА - это по вашему единственная характеристика подчеркивания?
Фраза "Но нужно чтобы прочерк не зависел от длины фамилии" относилась к его положению на строке, а не к длине. Но, перечитав, я сам понял, что фраза неоднозначна, поэтому уточнил второй вашей цитатой, которая как раз исключает неоднозначность!
Если и сейчас не понятно, поясняю на примере:
в варианте
Иванов <span style="text-decoration:underline">&emsp;&emsp;&emsp;&emsp;&emsp;</span>
подчеркивание будет не до конца строки, а в варианте
Ишмуратхазбулыджумшуев Х.Х.<span style="text-decoration:underline">&emsp;&emsp;&emsp;&emsp;&emsp;</span>
съедет на вторую строку.
Если и так не понятно, то объяснил рисунком.
Если и так не понятно - то объяснил кодом, который ПОЛНОСТЬЮ выполняет именно то, что нужно. Просто не очень нравится нагромождение table'ов.
Ну а если и так не понятно, то тема закрыта.
Открыт только вопрос, кто тут "не понимает элементарных вещей". Но он останется без ответа.

  Ответить  
 
 автор: ЯСА   (19.09.2012 в 20:10)   письмо автору
 
   для: Sfinks   (19.09.2012 в 13:35)
 

<!--<?-->
<!
doctype html> <!-- можно и без доктайпа -->
<
html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<
style>
p         {border-bottom1px solid #000; width: 654px}
span.stat {positionrelativebackground-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>

  Ответить  
 
 автор: Sfinks   (20.09.2012 в 00:00)   письмо автору
 
   для: ЯСА   (19.09.2012 в 20:10)
 

Ну слава богу!
Я уж думал, что это не возможно!

Сам пытался сделать что-то подобное, но подходил с другой стороны... Пытался сделать подчеркнутый span и как-то растянуть его. По разному пытался, но ничего не получалось.

Ваш вариант мне нравится намного больше, чем табличный!
Огромное спасибо!

[UPD] Кстати, а зачем подчеркнутый текст в еще одних спанах? Вроде и без них все нормально. В этом есть какой-то смысл или проставлено на автомате?

  Ответить  
 
 автор: ЯСА   (20.09.2012 в 00:56)   письмо автору
 
   для: Sfinks   (20.09.2012 в 00:00)
 

Я вам дал два варианта - и со вторым <span> в параграфе, и вовсе без него (см. Антонова).
-----

В стародавнее (ещё советское) время, когда не было ксероксов, да и ротапринты/ризографы были большой редкостью, начальство подписывало только первый экземпляр (подлинник) документа, который хранился в специальной папке/книге. Исполнителям же уходили машинописные копии, в которых в местах подчёркивания после должностей/фамилий было пропечатано п/п, что означало "подлинник подписан".
И дополнительно ниже на копиях пропечатывалась строка "Копию изготовила/сверила ________________ Иванова Н. П."

Мысль уловили?

  Ответить  
 
 автор: Sfinks   (20.09.2012 в 02:00)   письмо автору
 
   для: ЯСА   (20.09.2012 в 00:56)
 

>Мысль уловили?

Нет.
Как-то это очень "издалека" =)

  Ответить  
 
 автор: vetka   (14.01.2016 в 08:10)   письмо автору
 
   для: Sfinks   (20.09.2012 в 02:00)
 

Доброе время суток. Подскажите, пожалуйста, при запуске вышеуказанного кода все красиво получается, а при печати подчеркивается вся строка с текстом слева. От чего это зависит?

  Ответить  
 
 автор: oplevuXa   (28.03.2016 в 22:42)   письмо автору
 
   для: vetka   (14.01.2016 в 08:10)
 

а не легче попросту не задавать в самом начале документа body {style:none;}?

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования