SelenIT

Эксперт
  • Публикации

    4312
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    139

Последний раз SelenIT выиграл 9 октября

Публикации SelenIT были самыми популярными!

Репутация

1000 Хорошая

О SelenIT

  • Звание
    глюк

Контактная информация

  • Web site
    http://css-live.ru/
  • ICQ
    0

Информация

  • Пол
    Мужчина

Посетители профиля

17171 просмотр профиля
  1. SelenIT

    Как убрать меню для телефонов

    Полагаю, Switch74 показывал пример, что ваш код скрывает меню при ширине окна 600px и менее, и показывает его при ширине свыше 600px, как и ожидается (в «песочнице» по ссылке это можно увидеть, перетягивая разделитель между секторами). И если этого не показывает «программа для Chrome» — возможно, дело в этой «программе»... Поэтому я и спросил, что показывает встроенный инструмент для этой же задачи.
  2. SelenIT

    Несколько слоёв текста в ячейки таблицы

    CSS-гриды так умеют.
  3. SelenIT

    Как убрать меню для телефонов

    А встроенный эмулятор устройств из отладчика Chrome (F12 и кликнуть по второй слева иконке, «планшет и телефон», в меню) что показывает?
  4. SelenIT

    Как вписать картинку в блок?

    Предполагаю, что должно адекватно поддерживаться начиная с IE8 (который хвалился «полной поддержкой CSS2.1»), проверить прямо сейчас не могу, но о каких-либо проблемах с этим способом в IE10 и выше я не слыхал. IE6 не умел растягивать контент через пары left/right и top/bottom, это да, но он ведь уже много лет как неактуален...
  5. SelenIT

    Как вписать картинку в блок?

    Есть еще вариация первого способа, на абс. позиционировании. Имхо, чуть интуитивнее, и гориз. центрирование не зависит от пробела в коде между <img> и </div>:). Но основная суть та же.
  6. SelenIT

    <!DOCTYPE html> 

    Строка для картинки (вызывающая отступ под ней, а для очень низких картинок — и над ней) появилась в HTML4 (точнее, в CSS эпохи HTML4), Эрик Мейер писал об этом в 2003-м. Стандартный режим (один и тот же) во всех браузерах новее 2000 г. включает любой из доктайпов HTML 4.x Strict, XHTML1.x Strict и HTML5, но HTML5 из них самый короткий (как говорилось в старой рекламе, «если не видно разницы, зачем платить писать больше»:). Поэтому его и сделали стандартом. В самой спецификации написано, что доктайп обязателен лишь «по историческим причинам», т.к. без него в браузерах бывает разброд. Был еще «почти стандартный» режим, включался при Transitional-доктайпах HTML4 и XHTML1.0 и отличался в основном как раз поведением изолированных картинок, но он был нужен лишь для совместимости с ископаемым контентом и интересен лишь веб-археологам.
  7. SelenIT

    Вставка html с помощью js

    document.querySelectorAll('ul > li:nth-child(7)') возвращает коллекцию всех элементов li, являющихся седьмыми потомками своих родительских ul. Вам нужно обновить свойство innerHTML одного из таких элементов (вероятно, единственного... пока). Присваивать строку результату querySelectorAll (самой коллекции элементов) смысла нет. Закешировать коллекцию в переменную и взять ее первый элемент — правильная мысль, но надо было довести ее до конца: присваивать обновленное значение самому menu_upgrade[0].innerHTML, а не коллекции. Я бы воспользовался не querySelectorAll, а просто querySelector — он сразу возвращает один элемент (а не коллекцию). А заодно подстраховался бы более точным селектором, чтобы случайно не зацепить другие списки. Итого что-то типа var menu_upgrade = document.querySelectorAll('nav > ul > li:nth-child(7)'); // получили элемент menu_upgrade.innerHTML += '<p>TEST</p>'; // и обновили его innerHTML
  8. SelenIT

    <!DOCTYPE html> 

    Так задумывалось исторически, но де-факто последних лет 10 он действительно нужен для включения стандартного режима в браузере, т.е. «чтобы не было неразберихи» 🙂 Но корень проблемы, да, в том, что элементы с display:inline/inline-что-то всегда резервируют под себя целую строку высотой как минимум с line-height родительского элемента (тут чуть подробнее с примером), а у img по умолчанию display как раз inline.
  9. Добавить flex: 1 1 auto; для .radio-group__label (ну и саму width: 280px для .radio-group не забыть)?
  10. В каком браузере? Только что проверил в Fx62, Chr69. Edge17 — везде фон желтый, высота body без контента нулевая. Если фон body, при отсутствии явного фона для html, применяется ко всему окну — это другая особенность (см. 4-й абзац спеки). Это не значит, что сам body растянулся.
  11. Не нужно. Без этого body не поймет, от чего отсчитывать свои 100%, и футер не прижмется. Можно, конечно, вместо этого задать body height: 100vh вместо 100%, тогда стили html влиять не будут. Только в очень-очень старых браузрах футер не прижмется — но так тем браузерам и надо:)
  12. И запомнить, что слеш перед ">" — НЕ закрытие тега (если это не SVG- или MathML-тег). HTML — это не XML, и в общем случае с ним несовместим.
  13. SelenIT

    Неправильно отображается порядок объектов.

    appendChild, конечно же, добавляет в конец предка (по смыслу слова append). Чтобы вставить перед определенным элементом, нужно использовать insertBefore. Где стоял тег <link>, обоим этим методам неважно. Кстати, HTML-импорты по факту поддерживаются только в Хроме, но и оттуда их собираются выпилить. Не прижились 😞
  14. SelenIT

    Как обьеденить все

    Рискованный совет для 2018 года. Я бы сказал, что если блоки должны стоять в строчку, пора уже смело ставить display:flex родителю и не беспокоиться ни о пробелах между тегами, ни о размерах (в главном), ни о выравнивании высоты и по высоте. А в тех 3% ископаемых браузеров, которые этого не понимают, всё равно красиво не будет, как ни старайся (не одно так другое вылезет). Да и не стоят они того, в них главное чтобы текст читался.
  15. SelenIT

    Блок со скошенными краями

    При нехватке элементов закругления уголков можно в некоторой степени сделать теми же градиентами, а-ля http://jsfiddle.net/qs2hpr5j/1/. Но может понадобиться долго подгонять стыки...