Верстка текста

[uunn]

Доброго времени суток!

Помогите, пожалуйста, с такой задачей: надо подчеркнуть текст (может быть короткий или многострочный) в обычном текстовом предложении, но так, чтобы подчеркивание начиналось не с первого слова, а заканчивалось в конце строки. Это нужно для правильного формирования отчета (стандарт оформления)

Пример

Первое это с помощью span, но надо как-то продлить такое же подчеркивание до конца строки.

Второе на таблице, но разметка (((

[deadrash]

А в чём проблема взять всё что нужно подчеркнуть в span ?

[uunn]

Ну, наверное, проблема в том, что пустота не подчеркивается.

вопрос и стоит в том, как продлить span в первом примере до конца строки.

[Vlad]

Вам нужно использовать свойство text-align-last: justify. Проблема в том, что с браузерами, как бы это помягче сказать, komplette Scheiße. Поэтому возможен такой вариант. Сделать горизонтальную сетку в графическом редакторе, вывести ее фоном в блоке, текст подогнать под линии через line-height. Метод Подборского вам в помощь.

[Протуберанец]

  - неразрывный пробел

[uunn]

Спасибо за помощь, но

1)   - и сколько их надо, когда длина текста неизвестна

2) justify - последняя строка не выравнивается, в первом примере, как видно он применен.

add: не досмотрел, извиняюсь. спасибо.

3) горизонтальная сетка - не видно при печати, это раз. а для span она обрежется так же как в первом моем примере.

Простите, но задача правда не тривиальная, хотя все вроде просто.

Edited January 19, 2011 by uunn

[Протуберанец]

1)   - и сколько их надо, когда длина текста неизвестна

когда длина текста неизвестна, то, конечно, неизвестно сколько пробелов надо. нужно подбирать в каждом конкретном случае. конечно, это тупой способ, в лоб, первое что в голову пришло

[uunn]

Продолжаю, к сожалению опять нет:

text-align-last только для IE (я ваше выражение не понял, теперь понял)

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

Edited January 19, 2011 by uunn

[Vlad]

Сетку надо не для span ставить, а для родителя.

[Протуберанец]

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

Ну и отлично .

[uunn]

Сетку надо не для span ставить, а для родителя.

Т.е. родительскому DIVу сетку, а начало текста лишить сетки путем белого бэкграунда, если получится. Я правильно понял?

Здесь только одна проблема - печать документа.

[Vlad]

А что не так с печатью? Фоновая картинка не желает выводиться?

[uunn]

Спасибо! Да, такой вариант решает основную половину задачи.

(Вторая половина еще подписи к этим полям мелким шрифтом, по центру. и в зависимости был перенос или нет меняется центр )))

Желает, если в браузере галочку поставить ) А есть способ принудительно?

[Vlad]

Не знаю, наверное от браузера в любом случае зависит.

[Tmin10]

Если выводить текст моноширным шрифтом, то можно в скрипте рассчитывать пробелы...

[uunn]

Если вводить такие упрощения, как моноширный шрифт, то проблем бы не было. Потому что работы тоже бы не стало.

Реализация положения подписи уже сделана через javascript и к верстке отношение уже не имеет. Подробно: в начале и конце находятся белые картинки 1x18px и если вертикальная координата совпадает - переноса не было и подпись рассчитывается, зная длину текста слева - она не меняется, ну а если перенос был - то подпись по центру.

Для кроссбраузерности уже думаю подчеркивание тоже сделать используя IMG в DIV, чтобы при печати все отображалось без доп. галочек.

[arez]

А зачем такие заморочки с формулярами на html? Если пользователю что то надо распечатать сделайте для него PDF из данных которые он ввел в браузере.

[uunn]

В будущем, т.к. бланк еще не имеет устоявшегося вида.

Проще и быстрее менять текст и разметку в HTML, чем код формирования через TCPDF.