Jump to content

Igor Schnaider

Expert
  • Posts

    822
  • Joined

  • Days Won

    81

Igor Schnaider last won the day on July 3

Igor Schnaider had the most liked content!

1 Follower

About Igor Schnaider

  • Birthday 07/04/1993

Information

  • Sex
    мужской

Recent Profile Visitors

10,305 profile views

Igor Schnaider's Achievements

  1. Воспользуйтесь свойством object-fit: https://jsfiddle.net/xzs1bv7k/
  2. Можно pointer-event менять (вариант с opacity и перекрытием содержимого; или вообще z-index поменять для активного состояния); можно связку opacity + visibility использовать; можно display + opacity через animation.
  3. Странное задание. Очистить флоаты можно и через overflow, например. Ну да, вставьте абсолютно позиционированный контейнер для стилизации фона позади колонок, если уж такие требования. Что касается ширины – если можно calc использовать, то юзайте ее: .column:nth-child(2) { width: calc(80% - 200px); }
  4. Так не плодите сущности. Стрелочка явно относится к самому блоку – пусть сам блок отвечает за свое состояние, а стрелка уже от него подтянет нужные стили. .div.open { } .div.open .arrow-test { }
  5. Отступы и поля сбрасываете у класса .body, а не у элемента <body>. С картинкой тоже опечатка: обратный слэш \ вместо прямого / в адресе.
  6. Установите для нужных картинок ширину в 100% (будет занимать всю ширину своего контейнера). Высота элемента img устанавливается автоматически с учетом пропорций изображения.
  7. bgcolor – устаревший атрибут. Для стилизации используйте CSS.
  8. Текст выравнивается по базовой линии, а line-height у параграфов внутри ссылок (зачем?) разный, вот все и едет.
  9. Похоже, контекст наложения сбивается. Попробуйте его явно "прибить". Можете для .frame__content добавить какое-нибудь из правил: .frame__content { /* option #1 */ z-index: 0; /* option #2 */ transform: translateZ(0); }
  10. Через devtools посмотрите подгружаемые данные (типа этого).
  11. Возьмите какой-нибудь HTML-парсер и вытаскивайте им данные. Можете здесь посмотреть, например.
×
×
  • 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