Это что за элемент?

[Zverushka]

Это что за покемон элемент?

Я оформила через dl dt dd, также похоже на таблицу.

А как вы считаете, какой элемент здесь должен быть?

[klierik]

я бы делал таблицей.

[Zverushka]

Cтранный элемент dl всегда найдется для него альтернатива....

А ячейки таблицы не разрастутся от генерации :after { content: "...................................................";}, если они заданной ширины и overflow: hidden?

Edited October 31, 2013 by Zverushka

[klierik]

на ячейки нельзя вешать :after, кажется -- они там не работают.

вообще за "........." руки отрывать надо

dl>dt+dd -- это списки определений. инода ими удобно пользоваться, а иногда проще забить )

[SelenIT]

ячейки таблицы не разрастутся

Смотря какой таблицы. Хотя и dl, по-моему, в расширенном понимании из актуальной спеки тут уместен.

[Zverushka]

вообще за "........." руки отрывать надо

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

Edited October 31, 2013 by Zverushka

[SelenIT]

Точки можно градиентом нарисовать. А копируется :after или нет — это же, вроде, от браузера зависит?

[advokatua]

Как-то так можно наизвращать. По крайней мере избавляет от зависимости ширины ячейки )

http://codepen.io/anon/pen/sqvCf

ЗЫ Градиентом тоже прикольно, только всем ИЕ до 10ой версии придется отдыхать

Edited October 31, 2013 by advokatua

[Zverushka]

Проблема с градиентом в том, что нужно тогда текст в span с белым фоном оборачиваться и еще и регулировать высоту строки, чтобы градиент перекрывало. Плюс он не будет выглядеть как в макете - точки все же квадратные.

В вместо i по-моему можно было просто псевдоэлемент вставить.

Edited October 31, 2013 by Zverushka

[advokatua]

В вместо i по-моему можно было просто псевдоэлемент вставить.

Точно. Как-то сразу не взбрендило в голове.

Плюс он не будет выглядеть как в макете - точки все же квадратные.

На моем коде в Хроме также квадратные, а в ФФ круглые

Edited October 31, 2013 by advokatua

[npofopr]

http://www.xiper.net/collect/html-and-css-tricks/content/table-of-contents.html

вы так и делали наверно?

Edited November 1, 2013 by npofopr