Jump to content

Igor Schnaider

Expert
  • Posts

    825
  • Joined

  • Days Won

    81

Everything posted by Igor Schnaider

  1. Попробуйте отступы сверху-снизу добавить и отрицательными полями их компенсируйте.
  2. Круги на чистом CSS можно, более сложные фигуры – SVG. По факту, это не фоны, а обычные элементы, которые располагаются позади содержимого.
  3. Воспользуйтесь свойством object-fit: https://jsfiddle.net/xzs1bv7k/
  4. Можно pointer-event менять (вариант с opacity и перекрытием содержимого; или вообще z-index поменять для активного состояния); можно связку opacity + visibility использовать; можно display + opacity через animation.
  5. Странное задание. Очистить флоаты можно и через overflow, например. Ну да, вставьте абсолютно позиционированный контейнер для стилизации фона позади колонок, если уж такие требования. Что касается ширины – если можно calc использовать, то юзайте ее: .column:nth-child(2) { width: calc(80% - 200px); }
  6. Так не плодите сущности. Стрелочка явно относится к самому блоку – пусть сам блок отвечает за свое состояние, а стрелка уже от него подтянет нужные стили. .div.open { } .div.open .arrow-test { }
  7. Отступы и поля сбрасываете у класса .body, а не у элемента <body>. С картинкой тоже опечатка: обратный слэш \ вместо прямого / в адресе.
  8. Установите для нужных картинок ширину в 100% (будет занимать всю ширину своего контейнера). Высота элемента img устанавливается автоматически с учетом пропорций изображения.
  9. bgcolor – устаревший атрибут. Для стилизации используйте CSS.
  10. Текст выравнивается по базовой линии, а line-height у параграфов внутри ссылок (зачем?) разный, вот все и едет.
  11. Похоже, контекст наложения сбивается. Попробуйте его явно "прибить". Можете для .frame__content добавить какое-нибудь из правил: .frame__content { /* option #1 */ z-index: 0; /* option #2 */ transform: translateZ(0); }
  12. Через devtools посмотрите подгружаемые данные (типа этого).
  13. Возьмите какой-нибудь HTML-парсер и вытаскивайте им данные. Можете здесь посмотреть, например.
  14. У вас обработчик формы назначается по id. На обоих страницах формы с id присутствуют, только на второй у вас это скрытая форма, а те, что создаются динамически – они уже остается без обработчика. Поэтому при отправке этих форм осуществляется действие по умолчанию – переход на страницу-обработчик, указанную в action. Как вариант, повешайте на страницу глобальный обработчик, который будет перехватывать событие onSubmit: document.body.addEventListener('submit', (e) => // put your form handler here });
  15. Ну так у вас в разметке нет элемента с таким id, вот null и возвращает. А у null свойств нет.
  16. Пусть у вас будет массив элементов. Храним индекс текущего (активного) элемента, и по нажатию кнопки либо увеличиваем его значение (идем вперед), либо уменьшаем (идем назад). Для простоты можно по модулю делить, чтобы границы не обрабатывать и по кругу гулять по массиву. По этому индексу обращаемся к элементу из списка узлов, вешаем ему класс, например .visible (ну и, соответственно, для предыдущего активного элемента снимаем его). Вот и вся логика.
  17. Ну здесь примерно такая таблица. Некоторые грани просто не закрашены.
  18. В песочнице выложите, а то долго помощи ждать будете.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy