Форум Сайтостроение Веб-строительство

Верстка. Расположение текста.

DavyJohnes
На сайте с 05.01.2011
Offline
84
DavyJohnes
454

Имеется такая штука: 


text1........text2

text1........text2

text1........text2

text1........text2

text1........text2

Как сделать так что бы все text2 прибивались к правому краю, а все text1 к левому, а пустое место между ними заполнялось чем-нибудь (в данном примере точками), не используя таблицы ? При этом длинна ни text1 ни text2 заранее неизвестна.

Текст выводиться из php скрипта. Пробовал sprintf (там можно задавать минимальную длину строки, остальная заполняется указанным заполнителем), не получилось, видимо потому что разные буквы имеют разную ширину.

https://handy-tools.io (https://handy-tools.io) - Набор полезных утилит для всех!
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#1
text-align:justify;

не проверял, но может поможет

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
DavyJohnes
На сайте с 05.01.2011
Offline
84
DavyJohnes
#2
Varkolak:
не проверял, но может поможет

Попробовал - ноль эмоций...

Z
На сайте с 14.01.2010
Offline
20
zlideni
#3

Css:

.dotted {
background: url(../images/dotted.gif) repeat-x left bottom;
padding: 0 xpx 0 xpx;(или height)
}
.dotted span {
background: #FFFFFF;
padding: 0 xpx 0 xpx;
}
.dotted span.right {
float:right;
}

* dotted.gif - картинка с точечным фоном

padding: 0 xpx 0 xpx;(или height) - играем с высотой контейнеров

Html

<div class="dotted"><span>text1</span><span class="right">text2
</span></div>
DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#4
zlideni:
Css:

* dotted.gif - картинка с точечным фоном
padding: 0 xpx 0 xpx;(или height) - играем с высотой контейнеров
Html

"xpx" - это из CSS 4 ? ;)

show must go on !!!...
Z
На сайте с 14.01.2010
Offline
20
zlideni
#5
"xpx" - это из CSS 4 ?

играем с высотой контейнеров, если бы поставил * то решили что из CSS 5

DiAksID
На сайте с 02.08.2008
Offline
236
DiAksID
#6

del 🤪

Z
На сайте с 14.01.2010
Offline
20
zlideni
#7
нет в css такой единицы измерения "xpx", есть похожее "px" - пиксели

Не пойму к чему столько слов (ирония же), если бы я не знал про "px" я бы смог написать всё конструкцию?

Под первым "x" я подразумевал неизвестную, ну а если Вам известно про "px" то не трудно понять что я имел ввиду...

оффтоп наверное пора завершить....

Как сделать сайт удобным 3 главных вывода из Рейтинг факторов ранжирования Google

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий