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

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

12 3
X
На сайте с 04.12.2018
Offline
279
Xubart
423

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

Помогите как реализовать вот такой вывод с помощью 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...
LK
На сайте с 11.05.2008
Offline
233
Я - Сергей
#3
Я бы тоже в специализированные или таблицы смотрел. У первого td border и margin прописать. За основу взять респонсивную таблицу.
Forum.Searchengines.ru переезжает в доменную зону .guru. И не только потому, что 75% его постоянных жителей - профессионалы в области SEO, 85% - настоящие эксперты по интернет-маркетингу, и все 100% могут дать консультацию по любому вопросу (с) https://searchengines.guru/ru/forum/839051
ArbNet
На сайте с 27.10.2019
Offline
124
ArbNet
#4
Юзайте flex или grid
Обсуждение разработки на моём фреймворке https://discord.gg/23N4s9x2kp
X
На сайте с 04.12.2018
Offline
279
Xubart
#5
Всем спасибо.  Решение найдено.
ArbNet
На сайте с 27.10.2019
Offline
124
ArbNet
#6
Xubart #:
Помогите с примером PLEASE

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

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

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

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

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

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

Избавиться от ботов на сайте https://clck.ru/38bp4f
LK
На сайте с 11.05.2008
Offline
233
Я - Сергей
#9
skapunker #:

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

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

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

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

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

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