SelenIT

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

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

  • Посещение

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

    127

Последний раз SelenIT выиграл 20 июля

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

Репутация

976 Хорошая

О SelenIT

  • Звание
    глюк

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

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

Информация

  • Пол
    Мужчина

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

16 479 просмотров профиля
  1. Равномерная сетка прямоугольников

    Если известны минимальная ширина блока и разумные границы диапазона ширины контейнера, можно воспользоваться таким подходом. Но вариантов кода придется написать немало.
  2. Border-image

    Border-image по умолчанию заполняет толщину обычного border-а, а она по умолчанию нулевая. Плюс Хром и ему подобные требуют, чтобы border-style тоже был не none. Подробнее здесь: http://css-live.ru/articles-css/understanding-border-image.html. Но на мой взгляд, border-image для этой задачи — из пушки по воробьям. А проще всего сделать эту палочку неповторяющимся одноцветным градиентом, ограничив ему background-size, типа такого: background: #4ccfc1 linear-gradient(#fff,#fff) left center no-repeat; background-size: 1px 0.8em; А по :hover менять только background-color.
  3. Выравнивание элементов

    (с) — не пруф. Есть скрин реальной статистики сайта с >2% ископаемых IE?
  4. Выравнивание элементов

    Нет больше таких браузеров, не выдумывайте Хотя иногда и в сторону таблиц (CSSных, разумеется) посмотреть имеет смысл. В общем, действуйте гибко, без предрассудков!
  5. z-index не перекрывает body

    Вот по этому и не прячется. relative + z-index = новый контекст наложения. У фона и бордеров элемента, создающего контекст наложения, z-index по факту минус бесконечность. А z-index самого контекста влияет только на перекрытие его другими контекстами (не из числа его потомков), внутри контекста оно никакой роли не играет.
  6. Помощь по СSS.

    Уточните, про какие именно правила речь. CSS-свойства бывают наследуемые и ненаследуемые, первые (font-size, color и т.п.) распространяются на потомков по умолчанию, вторые (display, padding и т.п.) — нет, их надо указывать явно. Подозреваю, что дело в этом. В примере на jsfiddle я стилей для .menu почему-то не наблюдаю. Возможно, они в файле style.css (который не загружается, т.к. указан относительный путь, а на сервере jsfiddle.com такого файла нет)? Лучше скопировать содержимое этого файла (как минимум, то, что относится к .menu) прямо в панель CSS в самом примере.
  7. Ругается валидатор

    Во-первых, НЕ ПАНИКОВАТЬ! Это не заказчик ругается, не босс отчитывает, не жена скандалит, не «братва наехала», и т.п.. Это просто глупая программа, которая к тому же изо всех программных сил хочет помочь (но тут вышло у нее очень неуклюже). Есть хорошее интервью с разработчиком этой программы, где он доступно поясняет, в чем ее смысл. Во вторых, это не ошибка (Error), а всего лишь предупреждение (Warning). Т.е. формальные правила HTML не нарушены, фактически документ валиден. Но глупой программе показалось, что что-то в документе нелогично. Возможно, совершенно напрасно. В конце концов, кто может знать логику документа лучше, чем его автор? Так что не надо кидаться сходу что-то исправлять только из-за того, что программе что-то показалось — в конце концов, у всех программ бывают просто глюки. Но лучше всё-таки перестраховаться и перепроверить, что там ему померещилось и почему. Мало ли. Вдруг действительно что-то можно улучшить:). В третьих, это не экзамен, где отвечают только «верно/неверно» и при ошибке заставляют перепроходить тест заново. Программа сама, английским по белому, объясняет, что ей тут... даже не то чтобы не понравилось, а показалось подозрительным — достаточно спокойно прочитать, что она вам пишет (можно через гугл-переводчика, если с английским проблемы). А пишет она вам буквально следующее: В общем, текст у вас помечен как английский, но на английский не похож. Да и вообще на осмысленный (но, повторюсь: это лишь частное мнение глупой программы!). Вообще-то это может быть проблемой: лучше всегда тестировать верстку на текстах, «максимально приближенных к боевым» — разной длины, с очень короткими и очень длинными словами (желательно из предметной области сайта). Заодно так ловятся проблемы верстки, если какое-нибудь длинное слово что-нибудь разопрет, сломает красивое обтекание, не впишется в рамку и наедет на соседа и т.п. Так что если вы проверяете голый каркас верстки, без наполнения — лучше потратьте пару минут и проверьте с наполнением тоже. Скопируйте пару текстов с другого сайта похожей тематики, например. А если проверяете с текстом — проверьте этот текст на орфографические ошибки, может быть, их там так много, что язык исказился буквально до неузнаваемости. Если же текста на странице вообще не должно быть или он и не должен быть осмысленным (мало ли!) — попробуйте действительно сделать то, что предлагает программа и справка по ее ссылке : поставьте lang="zxx". Заодно всякие читалки для слепых не будут ломать свои синтезаторы, пытаясь озвучить это как осмысленные слова — всем пользователям будет легче разобраться. Или, если пока неизвестно, на каком языке будет страница, оставьте атрибут пустым (lang=""). Но вполне может быть, что это действительно просто глюк. Тогда... тем более см. п. 1
  8. Не работает position:relative на tbody, tr, td

    Три года как пофиксили тот фоксовый баг. Да и второй с ним за компашку. Три года, Карл! Сколько можно жить прошлым и возводить напраслину на мой любимый браузер? Проверить же можно за полминуты...
  9. Как спрятать текст под текстом в хтмл

    Поддерживаю предыдущих ораторов, поисковики считают это нарушением и наказывают за подобное. Впрочем, скриншоты наводят на мысль о рекламе какого-то лохотрона, а для таких вещей это в самый раз, ибо нечего подобному хламу всплывать в поиске. А если горе-лохотронщик еще и заплатит за такой сайт — вообще отлично:)
  10. Размер теста

    Из метрик шрифта.
  11. Иконка на одинаковом расстоянии от текста

    Придумался только вариант с фоновой картинкой. И то только для новых браузеров.
  12. Почему не применяется градиент?

    Зачем??? В преддверии 2017-го года-то?.. И вопрос вроде был про радиальный градиент, а не про линейный.
  13. Функция в Internet Explorer

    Вот такие музейные экспонаты любят заводиться только в IE, причем только в режиме обратной совместимости.
  14. Зависание псевдокласса :active в IE7

    Припоминаю, был у вымерших IE такой баг, что :active фактически работал как :focus (a :focus, ЕМНИП, вообще толком не работал). Как быстрый костыль, могу предложить любое-ненужное-свойство: expression(this.onFocus=this.blur()); (источник). Нормальные браузеры проигнорят, а этот zombie сможет наконец у(с)покоиться...
  15. Можете объяснить про свойство фон?

    Возможно, у вас не «фон не срабатывает», а сама высота не учитывает содержимое элемента. Так бывает, например, если это содержимое — float-ы, а блоку не задан ни .clearfix, ни какое-либо из свойств, создающих отдельный блочный контекст форматирования (display: inline-block/table/table-cell, overflow:hidden/auto, само float).