Ответы пользователя по тегу HTML
  • Да что такое с версткой Хабра?

    Mithgol
    @Mithgol
    Мой пользовательский стиль, который устанавливали себе (почти триста раз) и другие читатели Хабрахабра, сегодня перестал работать.

    Если кто-нибудь придумает патч к нему, пусть кинет мне прямо здесь комментарий. Или хабрапочтою.
    Ответ написан
    Комментировать
  • $(...).attr('checked', 'checked') не работает?

    Mithgol
    @Mithgol
    Используйте $(…).prop("checked", true) и тем невозбранно достигнете желаемого.
    Ответ написан
    4 комментария
  • Background-size в Opera. Баг или моя ошибка?

    Mithgol
    @Mithgol
    Баг Оперы, связанный с ошибкой округления, или с чем-то в этом же роде, я так думаю.

    Это не может быть Вашею ошибкою, раз уж в остальных браузерах поведение невозбранно достигает желаемого.
    Ответ написан
  • Чем прототипировать интерфейсы в HTML (элементами BootStrap)?

    Mithgol
    @Mithgol
    Можно 99Lime HTML Kickstart использовать.
    Ответ написан
    Комментировать
  • WOFF, font-face и белорусские символы

    Mithgol
    @Mithgol
    Перенастроить конвертер или вообще выбросить его напрочь, а генерировать другим.

    Попробуйте генератор на белке-шрифтелке в режиме Expert, не забыв задать «Custom Subsetting» правильно.
    Ответ написан
    Комментировать
  • Single line VS Multiple line CSS ?

    Mithgol
    @Mithgol
    Одно или даже два свойства можно записать и в одну строку, ничего страшного в этом не будет.

    Если свойств больше, то уместно каждое из них записывать на отдельной строке, прежде всего для удобства их чтения и последующего редактирования.
    Ответ написан
    Комментировать
  • Opera, жирный шрифт и кириллица

    Mithgol
    @Mithgol
    Содержит ли имя пользователя в операционной системе русские буквы? Улучшается ли вид сайта, если его просматривает пользователь, имя которого в операционной системе содержит только латинские буквы английской речи?
    Ответ написан
  • Css3 box-shadow?

    Mithgol
    @Mithgol
    Свойство «box-shadow» может иметь несколько значений, перечисляемых через запятую, и тем можно создать несколько теней у одного и того же элемента. Первая тень является верхнею в смысле взаимного наложения их друг на друга.

    См. также подробности на английском языке в MDC.
    Ответ написан
    1 комментарий
  • Безопасно ли вставлять JSON в HTML

    Mithgol
    @Mithgol
    <?php
    echo json_encode(array('tzt'=>'\'')); // выдаёт {"tzt":"'"}
    echo json_encode(array('tzt'=>'\"')); // выдаёт {"tzt":"\""}
    echo json_encode(array('tzt'=>'</script>')); // выдаёт {"tzt":"<\/script>"}
    echo json_encode(array('tzt'=>'<\\/script>')); // выдаёт {"tzt":"<\\\/script>"}
    echo json_encode(array('tzt'=>"\x0")); // выдаёт {"tzt":"\u0000"}
    ?>
    

    Кажется, нет способов нарушить JSON. Зато я только что нарушил парсер Хабрахабра: в последних «"»-кавычках (в комментарии) вместо пустого места должно отображаться «\u» и за ним сразу «0000».
    Ответ написан
    2 комментария
  • Как сделать, чтобы ширина div зависела от содержимого?

    Mithgol
    @Mithgol
    Как ужé говорилось выше, хороший перенос блочных элементов на новую строку может быть достигнут применением строчного блока. Рекомендую для этой цели использовать нижеследующий код строчного блока, вполне испытанный многомесячным применением его в одном из основных CSS-файлов в «Традиции», русской энциклопедии:
    /*  {{Строчный блок}}
     *  http://habrahabr.ru/blogs/css/96152/
     *  ↑ http://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/
     *    ↑ http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
     *      ↑ первоисточник
    */
    .lineBlock {
       border: 0; margin: 0.3em 0.15em; padding: 0;
     
       display: -moz-inline-stack; /* ← Firefox 2 backwards compatibility */
       display: inline-block;
       vertical-align: top;
     
       /* ↓ IE6 & IE7 «hasLayout» voodoo */
       zoom: 1;
       *display: inline;
       /* ↑ IE6 & IE7 starhack ← http://www.ejeliot.com/blog/63 */
    }

    Как видите, этот код составлен по принципам, обеспечивающим обратную совместимость с Firefox 2 и IE 6 и 7.

    Если рамка внешнего блока не будет совершенно прилегать ко границам внутренних строчных блоков, тогда непременно попробуйте и внешний блок также оформить в качестве строчного блока, то есть и ему назначить класс «lineBlock», описанный вышеприведённым CSS-кодом.
    Ответ написан
    1 комментарий
  • Div or tables ?

    Mithgol
    @Mithgol
    Пока в большинстве браузеров не реализован CSS3 Flexible Box Layout Module, вёрстка элементами <div> должна уступать место табличной вёрстке всякий раз, когда возникнет необходимость создать двумерную структуру, подобную классической таблице, то есть содержащую ряд столбцов и строк с ячейками равной ширины и высоты, особенно если ячейки эти должны переменять ширину и высоту по мере необходимости (то есть после появления в них длинного слова, высокого текста, широкой или высокой иллюстрации) — и тотчас, в равной степени, должны переменять высоту всех своих соседей по строке да ширину всех своих соседей по столбцу.

    Элементы <div> способны противостоять увеличению своих размеров (например, уменьшать попавшую внутрь их иллюстрацию, если она превосходит некоторый предел, или создавать полосы прокрутки для содержимого, выходящего за пределы элемента), элементы <div> способны составлять собою сложные двумерные структуры нетабличного вида, иногда более полезные и красивые, чем таблицы (например, последовательность строчных блоков с CSS-свойством «display: inline-block», способная переменять размеры блока, не затрагивая размеры соседних строк, и переставлять блоки со строки на строку; или, например, результат работы jQuery-плагина Masonry, встык заполняющего прямоугольными блоками некоторое двумерное пространство), но настоящую таблицу элементы <div> пока что заменить не способны.

    Рано или поздно в большинстве браузеров будет реализован CSS3 Flexible Box Layout Module, и тогда появится возможность укладывать элементы <div> в такую структуру, которая во всём подобна таблице, а кое в чём и превосходит её. Но до тех пор таблицы рано сбрасывать со счетов.
    Ответ написан
    2 комментария