Igor Schnaider
-
Posts
825 -
Joined
-
Days Won
81
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Igor Schnaider
-
-
-
Круги на чистом CSS можно, более сложные фигуры – SVG. По факту, это не фоны, а обычные элементы, которые располагаются позади содержимого.
-
11 часов назад, alleclf сказал:
а в третьем будет один элемент размером на весь рядок.
Ну так сами установили flex-grow в 1.
-
Гриды попробуйте.
-
Воспользуйтесь свойством
object-fit: https://jsfiddle.net/xzs1bv7k/-
1
-
-
- Можно pointer-event менять (вариант с opacity и перекрытием содержимого; или вообще z-index поменять для активного состояния);
- можно связку opacity + visibility использовать;
- можно display + opacity через animation.
-
1 час назад, alleclf сказал:
Десктопы, мобильные, все корректно работают с flex'ом?
-
1
-
-
-
2 часа назад, DrRobotGranata сказал:
нет, псеводоклассы использовать нельзя
Странное задание. Очистить флоаты можно и через overflow, например.
6 часов назад, DrRobotGranata сказал:Что можно попробовать? оборачивать в дополнительные дивы и играть с фонами?
Ну да, вставьте абсолютно позиционированный контейнер для стилизации фона позади колонок, если уж такие требования.
Что касается ширины – если можно
calcиспользовать, то юзайте ее:.column:nth-child(2) { width: calc(80% - 200px); } -
Так не плодите сущности. Стрелочка явно относится к самому блоку – пусть сам блок отвечает за свое состояние, а стрелка уже от него подтянет нужные стили.
.div.open { } .div.open .arrow-test { }
-
Отступы и поля сбрасываете у класса
.body, а не у элемента<body>. С картинкой тоже опечатка: обратный слэш\вместо прямого/в адресе. -
Установите для нужных картинок ширину в
100%(будет занимать всю ширину своего контейнера). Высота элементаimgустанавливается автоматически с учетом пропорций изображения. -
bgcolor– устаревший атрибут. Для стилизации используйте CSS.-
1
-
-
Текст выравнивается по базовой линии, а
line-heightу параграфов внутри ссылок (зачем?) разный, вот все и едет. -
Похоже, контекст наложения сбивается. Попробуйте его явно "прибить". Можете для
.frame__contentдобавить какое-нибудь из правил:.frame__content { /* option #1 */ z-index: 0; /* option #2 */ transform: translateZ(0); }
-
Через devtools посмотрите подгружаемые данные (типа этого).
-
1
-
-
Возьмите какой-нибудь HTML-парсер и вытаскивайте им данные. Можете здесь посмотреть, например.
-
У вас обработчик формы назначается по
id. На обоих страницах формы сidприсутствуют, только на второй у вас это скрытая форма, а те, что создаются динамически – они уже остается без обработчика. Поэтому при отправке этих форм осуществляется действие по умолчанию – переход на страницу-обработчик, указанную вaction.Как вариант, повешайте на страницу глобальный обработчик, который будет перехватывать событие
onSubmit:document.body.addEventListener('submit', (e) => // put your form handler here });
-
Ну так у вас в разметке нет элемента с таким
id, вотnullи возвращает. А уnullсвойств нет. -
Пусть у вас будет массив элементов. Храним индекс текущего (активного) элемента, и по нажатию кнопки либо увеличиваем его значение (идем вперед), либо уменьшаем (идем назад). Для простоты можно по модулю делить, чтобы границы не обрабатывать и по кругу гулять по массиву.
По этому индексу обращаемся к элементу из списка узлов, вешаем ему класс, например
.visible(ну и, соответственно, для предыдущего активного элемента снимаем его).Вот и вся логика.
-
-
Попробуйте кэш сбросить.
-
Ну здесь примерно такая таблица. Некоторые грани просто не закрашены.
-
В песочнице выложите, а то долго помощи ждать будете.
как можно сделать видимый scale на элементах внутри overflow:scroll?
in HTML Coding
Posted
Попробуйте отступы сверху-снизу добавить и отрицательными полями их компенсируйте.