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

CSS для параметров

12 3
X
На сайте с 04.12.2018
Offline
285
Xubart
436

Доброго всем здравия.

Помогите как реализовать вот такой вывод с помощью CSS

Так могу через TABLE TR TD, но смотрится кривенько :(

Можете помочь с CSS?

На сколько реален вывод такого, чтобы в коде было:

<ul>
 <li> <span class="type">Тип стола</span> <span class="otvet">прямой</span> </li>
</ul>


?

Удобный съем позиций (http://allpositions.ru/redirect/58277)
totamon
На сайте с 12.05.2007
Offline
437
totamon
#1
Xubart :

Доброго всем здравия.

На сколько реален вывод такого, чтобы в коде было:


?

вполне реален)

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
ДП
На сайте с 23.11.2009
Offline
203
Дикий пионер
#2
Я бы вообще в сторону dt,dd и dl тегов посмотрел https://developer.mozilla.org/ru/docs/Web/HTML/Element/dl
: Элемент списка описаний
  • 2021.03.31
  • developer.mozilla.org
HTML-элемент   ( от англ. Description List ) представляет собой список описаний. Этот элемент служит контейнером для списка пар терминов (определяемых элементом ) и их описаний (определяемых элементами ). Этот элемент обычно используют при создании глоссария или для отображения метаданных (списка пар ключ-значение). The source for this...
Сергей про е-ком
На сайте с 11.05.2008
Offline
255
Сергей про е-ком
#3
Я бы тоже в специализированные или таблицы смотрел. У первого td border и margin прописать. За основу взять респонсивную таблицу.
Крутейшая тема и конструктор на WP - https://shop.greenshiftwp.com/?from=3338
ArbNet
На сайте с 27.10.2019
Offline
133
ArbNet
#4
Юзайте flex или grid
X
На сайте с 04.12.2018
Offline
285
Xubart
#5
Всем спасибо.  Решение найдено.
ArbNet
На сайте с 27.10.2019
Offline
133
ArbNet
#6
Xubart #:
Помогите с примером PLEASE

Гугл в помощь, в сети масса примеров.

W1
На сайте с 22.01.2021
Offline
306
webinfo
#7
Xubart #:
Решение найдено.

Более того, решений много. Правильнее было бы написать "решение выбрано"  ;)

Мой форум - https://webinfo.guru –Там я всегда на связи
skapunker
На сайте с 15.01.2014
Offline
217
skapunker
#8

над table конечно посмеялся 😂это что то из 90-х

тут нужен flex и/или grid

Сергей про е-ком
На сайте с 11.05.2008
Offline
255
Сергей про е-ком
#9
skapunker #:

над table конечно посмеялся 😂это что то из 90-х

тут нужен flex и/или grid

Ради интереса, а ПСы одинаково относятся к table и флексу/гриду? Просто добавление таблицы на нескольких примеров значительно повысило видимость документа (хорошей таблицы, так что может и не взаимосвязано). Вот и интересно, есть ли корреляция от вида отображения контента.
Как сделать табличку дивами? Rookee основной инструмент продвижения Работает ли в Яндексе
AlexSanchez
На сайте с 07.04.2021
Offline
1
AlexSanchez
#10
Сергей Ефимов #:
Вот и интересно, есть ли корреляция от вида отображения контента.

Насколько я понимаю, никакой корреляции нет. И ПС вроде как по барабану, что табл, что флекс, что грид.

Профессиональные разработчики https://idpowers.com/
12 3

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