Size: a a a

HTML/CSS — русскоговорящее сообщество

2021 February 28

AK

Anatoliy Kernokus in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
Но селекторы айдишников юзить на ровном месте это плохо. Потому что потом у таких как @xoxol4uk22 возникнут проблемы со стилизацией твоих тегов (см выше его проблему про инпуты)
если 4 текстовых поля в ряд разных, то как их ещё можно сделать адекватно кроме как 4 разных идентификатора иметь на каждый. Там и текст разный и отступы
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Александр
я important добавлял, то не помогает
Пример в
Песочницу можешь скинуть? codepen.io
источник

А

Александр in HTML/CSS — русскоговорящее сообщество
уже сделал)
нужно было добавить outline: none;
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Anatoliy Kernokus
А как по хорошему?у меня 4 тектосвых тега должны быть в линию
по классам
источник

А

Александр in HTML/CSS — русскоговорящее сообщество
оно перекрывало мою рамку((
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Anatoliy Kernokus
если 4 текстовых поля в ряд разных, то как их ещё можно сделать адекватно кроме как 4 разных идентификатора иметь на каждый. Там и текст разный и отступы
Какую проблему вы решаете ?
Вы не можете сделать тег span вместо тега div или там мало пространства вокруг и текст переносится? Или ваша цмс вставляет переносы строк между дивами а вы пытаетесь это исправить спозиционировав элементы абсолютом?

Поясните это важно чтобы ответить вам
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Александр
Не пмшите вложено классы. Потом с этим проблем не оберётесь. Лучше рядом ниже
.form { ... }
.form__input { ... }
.form__input input { ... }

А вложенно если хотите то лучше с амперсандом

form { &__input {...} ... }
источник

AK

Anatoliy Kernokus in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
Какую проблему вы решаете ?
Вы не можете сделать тег span вместо тега div или там мало пространства вокруг и текст переносится? Или ваша цмс вставляет переносы строк между дивами а вы пытаетесь это исправить спозиционировав элементы абсолютом?

Поясните это важно чтобы ответить вам
нет, текста там не много и должно всё входить. я пытаюсь простейшим образом расположить 4 текстовых элемента горизонтально, но у каждого дб свой класс. я хочу это сделать максимально чисто
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Anatoliy Kernokus
нет, текста там не много и должно всё входить. я пытаюсь простейшим образом расположить 4 текстовых элемента горизонтально, но у каждого дб свой класс. я хочу это сделать максимально чисто
Покажи хтмл
источник

АГ

Андрей Гуртовой... in HTML/CSS — русскоговорящее сообщество
Anatoliy Kernokus
нет, текста там не много и должно всё входить. я пытаюсь простейшим образом расположить 4 текстовых элемента горизонтально, но у каждого дб свой класс. я хочу это сделать максимально чисто
Сделай их <span> и они будут в одну строку
источник

AK

Anatoliy Kernokus in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
Покажи хтмл
cейчас я это делаю вот так
источник

А

Александр in HTML/CSS — русскоговорящее сообщество
Андрей Гуртовой
Не пмшите вложено классы. Потом с этим проблем не оберётесь. Лучше рядом ниже
.form { ... }
.form__input { ... }
.form__input input { ... }

А вложенно если хотите то лучше с амперсандом

form { &__input {...} ... }
спасибо! переделаю. Я думал sass для того и нужен, чтобы все вкладывать)
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Anatoliy Kernokus
нет, текста там не много и должно всё входить. я пытаюсь простейшим образом расположить 4 текстовых элемента горизонтально, но у каждого дб свой класс. я хочу это сделать максимально чисто
зачем каждому свой класс?
источник

AK

Anatoliy Kernokus in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
зачем каждому свой класс?
между 1 и 2 один отступ как между 3 и 4.а между 2 и 3 другой отступ. Плюс в 2 и 4 будет информация из API поступать
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Anatoliy Kernokus
между 1 и 2 один отступ как между 3 и 4.а между 2 и 3 другой отступ. Плюс в 2 и 4 будет информация из API поступать
насколько разные отступы?
источник

AK

Anatoliy Kernokus in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
насколько разные отступы?
раза в 2
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
лучше макет покажи
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
пока вообще на таблицу похоже
источник

AK

Anatoliy Kernokus in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
пока вообще на таблицу похоже
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
а, ну так у тебя тут 2 блока по 2 элемента
источник