Возможно ли осуществить средствами WB?

Сообщение **samsomus** » 31 май 2017, 13:00

Добрый день.
Есть страница на сайте: https://the-restaurant.ru/vinnaja-karta.html
1) какими способами можно сделать подобный перечень? Вкладки понятно, но как их заставить растягиваться вниз/вверх, в зависимости от кол-ва текста.
2) как сделать заполнение точками пустых пространств, типа ка в ворде заполнение табуляции знаками (причем динамически меняется при изменении размера окна)?

Сообщение **spoon** » 31 май 2017, 13:43

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

Сообщение **SuperBatya** » 31 май 2017, 13:45

Обычное слой-меню (LayerMenu), а на счет точек, то они сделаны не текстом, а просто находятся между текстами...

Сообщение **spoon** » 31 май 2017, 13:47

Посмотрел получше))) используется что то типо маски, точки это не текст.

Сообщение **samsomus** » 31 май 2017, 15:02

spoon писал(а):Для каждого контейнера используется псевдоэлемент ::after

Мужики, пожалейте... только учусь, что такое "псевдоэлемент ::after"?

Отправлено спустя 2 минуты 13 секунд:

spoon писал(а):ты пробывал вообще это сделать с помощью текста и точек останова?

Пробовал, не знаю как табуляцию заполнить знаками, да и с точками останова пока проблемы.

Сообщение **Gudwinn** » 31 май 2017, 16:16

здесь используется overflow: hidden; в текстовом блоке, и поэтому создаётся иллюзия, что количество точек меняется, то есть ширина блока сужается, а сам текст не сужается, а те точки которые за пределом блока, их тупо не видно

Сообщение **samsomus** » 02 июн 2017, 15:12

Gudwinn, не сочтите за нахальство, а можно простенький пример на WB?

Сообщение **Gudwinn** » 03 июн 2017, 15:54

Вот сделал на псевдо элементе (это быстрее и правильнее) http://tochki.offershop.ru Вот архив

tochki.zip

Сообщение **samsomus** » 03 июн 2017, 17:24

Gudwinn, вы немного неверно поняли вопрос.
Вот картинка как нужно

_cr.jpg

левая часть с текстом и правая с ценами должны оставаться нетронутыми, а точки между ними исчезать при уменьшении ширины. Как-то так...

Сообщение **spoon** » 03 июн 2017, 19:17

Держи
Отправлено спустя 58 секунд:
Смотри все настройки, ну и css основы нужны, без них никуда.

Отправлено спустя 1 минуту 38 секунд:
Gudwinn, конечно спасибо, сам бы не допетрил)), нужды как-то не было в этом.

Отправлено спустя 1 минуту 2 секунды:
фото результата

Поправил ваши точки,а то они стремно выглядят,скачайте с заменой.

dot.png

Сообщение **spoon** » 03 июн 2017, 20:30

Общими усилиями

Сообщение **samsomus** » 06 июн 2017, 10:49

Да, ребята, классно получилось, спасибо. Как и хотелось.
Начал в свой проект вставлять и понял что опять не катит... Сделать все это единоразово - хорошо, а вот с изменением номенклатуры и цен выходит уйма работы в дальнейшем (а оно меняется почти каждую неделю и не по 1-2 шт), вылавливать то еще удовольствие... Видимо, придется все же довольствоваться простой таблицей, без точек... :sh_ok:

Так проще, просто заменил таблицу и все

Сообщение **spoon** » 06 июн 2017, 17:16

Ну если у тебя постоянно меняется цена, ассортимент и т.д. то этот вариант не для тебя, тут база данных нужна. Ладно если ты сам сайт делаешь для своего бизнеса, перезалил страницу и хорошо, а если сайт для кого-то, то как они будут вносить исправления?

Сообщение **serafi** » 12 мар 2018, 21:54

А что за шрифт на сайте?

Сообщение **samsomus** » 13 мар 2018, 10:48

serafi, шрифт Oswald-Light

Кто сейчас на конференции

Добро пожаловать на форум!