Многоточие

[Skanavy]

Добрый день, коллеги!

 

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

 

https://market.yandex.ru/product/12438181/spec?hid=91491&track=char

или вот здесь, внизу http://kuple.ru/catalog/melkaya_bytovaya_tekhnika/kofemashiny/kofemashina_delonghi_ecam_28_465_mb/

[wwt]

уже было http://htmlforum.ru/index.php?showtopic=54383#entry363781

[Mozzie]

Там используется after

.product-spec__name:after {	position:absolute;	right:5px;	left:0;	height:1px;	margin:.85em 0 0;	content:'';	background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAABCAAAAAA+i0toAAAAAnRSTlMA/1uRIrUAAAAMSURBVHheY7j1/z8ABY8C2UtBe8oAAAAASUVORK5CYII=') 0 0 repeat-x}

[Skanavy]

уже было http://htmlforum.ru/index.php?showtopic=54383#entry363781

 

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

Яблоки ................. 2 кг

Лук ....................... 3 кг

Помидоры ........... 1 кг

[wwt]

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

 

Совсем думать никто не хочет. не ужели так трудно подчеркивание заменить на точки и поставить 2 блока рядом друг с другом?

[Skanavy]

 

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

 

Совсем думать никто не хочет. не ужели так трудно подчеркивание заменить на точки и поставить 2 блока рядом друг с другом?

 

Это все не так просто, как Вы говорите.

Edited November 10, 2015 by Skanavy

[Mozzie]

Это все не так просто, как Вы говорите.

Как это не всё так просто? Заходим в тему видим сообщение от "wwt" с пометкой решено. Переходим по ссылке которую он предоставил, смотрим и место solid ставим dotted.

http://jsfiddle.net/wwt/sq7evvhv/

Совсем думать никто не хочет. не ужели так трудно подчеркивание заменить на точки и поставить 2 блока рядом друг с другом?

Бывает складывается такое ощущение что кто-то забирает эту способность у людей.

[wwt]

Это все не так просто, как Вы говорите.

когда решение главной проблемы уже люди дали, причем несколько вариантов решения, именно что просто http://jsfiddle.net/wwt/t21fp7tc/

[Skanavy]

 

Это все не так просто, как Вы говорите.

когда решение главной проблемы уже люди дали, причем несколько вариантов решения, именно что просто http://jsfiddle.net/wwt/t21fp7tc/

 

Вроде разобрался, спасибо.

Edited November 10, 2015 by Skanavy

[Skanavy]

 

Это все не так просто, как Вы говорите.

когда решение главной проблемы уже люди дали, причем несколько вариантов решения, именно что просто http://jsfiddle.net/wwt/t21fp7tc/

 

 

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

http://www.....ru/ms504plus.html

Edited December 9, 2015 by Skanavy

[wwt]

Вы <li> вложили в <div>, так не нужно делать.

 

Если вам нужен маркер в начале, добавьте его с помощью css.

 

как-то так:

.name:before {    content: "●";    padding-right: 5px;    color: #ccc;    font-size: 12px;}