Как изменить цвет ячейки по статусу?

bekhrouzb,
<td><?= $task["status"]; ?></td>
в td вставите if
или без if просто

<td class="<?= $task["status-class"]; ?>"><?= $task["status"]; ?></td>

где status-class это или его id с каким-то буквенным префиксом (просто потому что класс не может начинаться с цифры) или напрямую статус, если на латинице.

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

Смешно, конечно, но тут я тоже напишу в комментарий )))))

1. Вопрос сформулирован так, что фик поймешь.
2. Если вопрос скучный, повторялся 100500 раз или мне лень писать прямо код, то даю направление движения.
Довольно часто спрашивающие начинают гундосить, что это не ответ. Собственно, иначе и вопрос поменялся бы в задание.
3. При написании в ответ, спрашивающий его берет, делает через .. , у него ничего не выходит. Начинается балаган.
Иногда это достает и начинаю писать в каменты.
4. Вопрос сформулирован так, что на него нет прямо чистого ответа. А куча каких-то условий при которых так, при других не так. Или типа "оцените верстку".
5. Вопрос сформулирован так, что человек с аналогичной проблемой по поиску его все равно не найдет. Типа "Как сверстать этот блок".
6. Спрашивающие не всегда компетентны, чтобы оценить ответ это или нет. Например, у задачи объективно несколько решений. Ответом отмечают тот, который решили использовать, а не все варианты.

Я не стану егозить, что очки за выбранные ответы не греют мне душу. В небольшой степени, но всё же греют. А для других это показатель авторитета и того стоит ли ко мне обращаться с какими-нибудь предложениями работы.
Больше греют спасибо и сам факт того, что человеку помогло, он рад.

Иногда я непробиваема.
А иногда включается девочка и я расстраиваюсь, когда люди спрашивают и потом забивают на вопрос. Я вроде как душу вкладывала, старалась хоть капельку помочь. Даже спасибо не так нужно, хотя бы просто отметил решением, я буду знать, что "ок, помогло".

Считается ли костылем использовать свойства filter для background-image вместо inline svg?

pchela95,
Про костыли вопрос философский.
Потому что все ждут, когда можно будет нормально управлять цветом фоновых svg (хотя бы инлайновых) через css.
Любой из нынешних способов я считаю костылем.

Как указать отступ для br не делая его блочным?

rd100,

В лингвистике термин «текст» используется в широком значении, включая и образцы устной речи.
Восприятие текста изучается в рамках лингвистики текста и психолингвистики.

Кто сказал?
Должны быть какие-то очень весомые аргументы.
А пока ощущение, что кто-то сильно в чем-то заблуждается.

Вертикальные отступы есть у блочных и инлайн-блочных. У инлайновых - нет.

Замените на два p или оберните в span, сделайте его инлайн-блочным или блочным и задайте нужный вам отступ.

<p>В лингвистике термин «текст» используется в широком значении, включая и образцы устной речи. </p><p>Восприятие текста изучается в рамках лингвистики текста и психолингвистики. </p>

Считается ли костылем использовать свойства filter для background-image вместо inline svg?

pchela95, господи, делайте как вам удобнее.

Нет адекватного красивого способа управлять одноцветными иконками.

Как изменить цвет ячейки по статусу?

bekhrouzb,

и вот хочу чтоб при выборе определенного статуса менять цвет строчки

все верно, только для td

Да без разницы, чему добавите класс, тому и будет.

Как выставить правильно height в position: absolute?

Norwood, так перестаньте делать его абсолютом. Ему и в потоке не плохо.
4 блочных элемента идут друг под другом.
- псевдо с иконкой
- параграф с числом
- параграф с текстом
- псевдо с точкой

Зачем тут абсолют?

Можете вообще фоном к skill__card сделать.

Считается ли костылем использовать свойства filter для background-image вместо inline svg?

pchela95,
Дело в том, что результат работы двух свойств background и mask очевиден. Т.е. сразу понятно какого цвета будет результат.
В случае с фильтрами - нет.

Если вы знаете некостыльный способ - можете использовать его.

Как изменить цвет ячейки по статусу?

bekhrouzb, ок, потом вы ведь получаете из неё статус? Если статус такой-то, то класс для tr такой-то.

Считается ли костылем использовать свойства filter для background-image вместо inline svg?

Масками проще.

Как указать отступ для br не делая его блочным?

Да даже если вы сделаете его блочным это вам никак не поможет.

Чего именно вы хотите добиться?

Может, вам line-height поможет?
Или вообще неверно используете br, вместо тега <p>, например

Как выставить правильно height в position: absolute?

А вы можете внятно объяснить, зачем они абсолютом?

И всё встанет на свои места.

Как изменить цвет ячейки по статусу?

И как вы меняете статус?

Хотя, какая разница как. Таким же способом меняйте класс у родительского tr.

Как сделать, чтобы на всех страницах не считая главной, background в header менялся на другой цвет?

Garri_Klim, не верю, что нельзя разным страницам задать свои шаблоны или куски шаблонов по условию.
Смотрите документацию по шаблонам в shopify.
Или возьмите готовую в тему, в которой это уже сделано и посмотрите как.

Если нет поддержки из коробки (не знаю как это может быть в современном конструкторе, но не об этом речь), то 100% есть плагины позволяющие это делать. Гуглите по shopify page builder.

Как сделать, чтобы на всех страницах не считая главной, background в header менялся на другой цвет?

Поставить разные классы шапке на разных страницах.
Как это сделать зависит от того, как вообще сделан сайт.

Но сложно придумать при чем тут ajax.

Как корректно вставлять картинки в темную / светлую тему?

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

<div class="some-class" style="--bgi-dark: url(dark1.png); --bgi-light: url(light1.png)">блок 1</div>
<div class="some-class" style="--bgi-dark: url(dark2.png); --bgi-light: url(light2.png)">блок 1</div>

.dark .some-class {
  background: var(--bgi--dark);
}
.light some-class {
  background: var(--bgi--light);
}

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

Как с помощью кнопки переключать таблицы?

Две таблицы, две кнопки. Ну или одна кнопка со счетчиком 0-1. У одной класс типа .active, внем написано показывай. Нет класса - скрывай. Всё.
С какой целью гененрировать таблицы-то каждый раз?

Если вы спросите гугл "табы на javascript", то за 10 секунд получите готовый код. Если потратите чуть больше времени, успеете выбрать приличный код, а не абы какой.
А так, вопросу уже 10 часов...

Как сверстать грид в гриде с динамической шириной и переносом карточек?

Евгений Журов,

(которая тоже на разных брейкпоинтах разная)

К счастью есть кастомные свойства.

Еще есть вот такое https://css-live.ru/articles/resheno-s-pomoshhyu-c...
Но в вашем случае не поможет, слишком много неизвестных.
И пришли бы в итоге к JS.

я в итоге сказал дизайнеру, что он придумал дичь, и мы решили отказаться от этой идеи))

Какой покладистый. Повезло вам :)

Как сверстать грид в гриде с динамической шириной и переносом карточек?

Евгений Журов, я бы попробовала пересчитать ваши 25% на vw
И что-нибудь типа auto-fill

Как сверстать грид в гриде с динамической шириной и переносом карточек?

Кажется, нужно начать расписывать условия.
Сначала по-русски. И с картинками.

Если будет 2 дочерних .grid-element, в одном 5 .grid-card, в другом 3.
Как это должно выглядеть?