Jump to content

klierik

Administrator
  • Posts

    5,038
  • Joined

  • Last visited

  • Days Won

    125

Everything posted by klierik

  1. я какие есть варианты ответа?
  2. я за IE6 беру +50%. С августа под IE7 верстать по дефолту так же не буду. Поддержка кроссбраузерности за дополнительное $. Уж коль мне придётся иметь "секс" с IE6/7 то это "удовольствие" мне обязан оплатить заказчик
  3. очень хотелось бы посмотреть на финальную вёрстку сабжа.
  4. Всё стало на свои места после прочтения: Предварительный обзор HTML5
  5. .gallery-thumb img { display: block; } хотя, а ну ка дай ссылку на страницу, может ты там отступы/поля добавил.
  6. Давайте возьмём за основу самый простой схематический макет: И так имеем: Шапка. Содержится в теге <header> Контентная часть. Содержится в теге <article> Боковая панель. Сожержится в теге <aside> Ну и по логике вещей всё это дело можно положить в <section> ? Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок? Как правильно?
  7. klierik

    html5 + <nav>

    sigma77, оу, так это перевод. Понял, при много благодарен.
  8. klierik

    html5 + <nav>

    Источник: http://htmlbook.ru/html5/semantics Раздел: Навигация В статье указан пример навигации в HTML5: <nav> <div id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li><a href="#">обо мне</a></li> </ul> </div> </nav> и прочитав этот код возник вопрос: А разве так нельзя? <nav id="nav"> <ul> <li><a href="#">главная</a></li> <li><a href="#">блог</a></li> <li><a href="#">галерея</a></li> <li><a href="#">обо мне</a></li> </ul> </nav> Соответственно предполагаю несколько Код не оптимизирован и показывает лишь наглядно использование тега <nav> теги html5 не могу содержать классы? о_О Пример показывает где правильно и корректно использовать <nav> и как его добавить на страницу (к примеру существующего проекта) не изменяя общей вёрстки вариантов ответа: Фактически вопрос к Владу
  9. <b> - используется для выделения жирным строки <strong> - используется для выделения жирным строки, но при этом же несёт в себе логику дающую понять поисковой системе что на данной строке делается акцент внимания. пруфлинка под рукой нету, но источник или Яндкекс.Субботники или Хабр Что же по поводу использования <b> и <i> в разметке то исходя из выше изложенного, поисковая система будет воспринимать теги на равне с тегом <span>. А так же действительно, в условиях когда требуется максимальная скорость загрузки страницы и минимальное время рэндеринга оной то такой подход даёт свои плоды. Но так же надо учитывать, что подобного рода подходы целесообразны в больших проектах, нежели в элементарных "хомяках". update: Пруфлинк. Прокрутить приблизительно на 20-ю минуту.
  10. Нажал Играть - ничего не произошло
  11. то о чем говорит автор это фавикон домена с которого отправилось письмо. оно НЕ вставляется в код. Сервис электронной почты (как правило это веб-интерфейс, к примеру, Яндекса) сам автоматически его вставляет. Автор, ты не сможешь вставить фавикон так как такого функционала при создании письма попросту нет.
  12. скрипт (который мне попадался однажды) автоматизирует работу и применяется к уже существующей разметке за счет чего не требуется дополнительные телодвижения (хорошо подходит для существующего проекта когда требуется кастомный элемент сделать малой кровью) Теперь по поводу шрифта. Рассмотрим правило: input[type="file"] { font-size: 500px; } Размер шрифта применяется непосредственно к тегу, за счет чего увеличивается не только размер шрифта в кнопке, но и соответственно размер всего элемента. Давай рассмотрим ситуацию на примере (я, правда, не буду рисовать полностью кастомный элемент, но приведу наглядный пример). Предположим у нас есть разметка: <div class="input-file"> <input type="file" value="Select file" /> <span class="input-file__text">Click for select file, please</span> </div> Тут представлен в роли кастомизации нашего элемента <span>, но, естественно, на его месте может быть все что угодно. Наша задача будет следующая: при клике на надпись, должно показаться окошко с выбором файла. А вот и CSS стили которые применяются к нашей конструкции: /* @group Input file */ .input-file { position: relative; display: inline-block; overflow: hidden; padding: 5px 10px; background: #fff; border: 1px solid #999; } .input-file > input[type="file"] { font-size: 500px; position: absolute; left: 0; top: 0; opacity: 0; } .input-file__text { font-size: 16px; } /* @end */ Фактически теперь ты сможешь построить любой кастомный инпут-файл
  13. очень даже подходит. в рамках текущего проекта это свойство использовалось в многих местах и показало себя с наилучшей стороны, так как оно позволяет строить гибкие конструкции, которые ранее приходилось эмулировать множеством таблиц (от сюда вес страницы существенно(!) выростал)
  14. я при чем тут эмуляция onclick? просто скрипт делает некоторое "чудо" и якобы кастомизирует элемент. В кратце: - создается разметка для псевдо-нипу-файла - на контейнер вешается relative - инпут-файлу задается размер шрифта большой (к примеру 500px) за счет чего он бешено увеличивается. потом на него же вешается opacity и потом позиционируется через absolute. вуаля.
  15. klierik

    Firefox 5.0

    собственно нужно было подождать немного и лицезреть следующее: То есть фактически команда разработчиков берётся за определенную проблемную область и начинает её усердно решать. И, имхо, лучше я получу 7рку через пару месяцев, у которой будет только улучшение по работе с памятью, нежели 2 года и получу вместе с этим кучу нововведений. PS: источник на хабре.
  16. и где ж на такое можно попасть то? за 35 я бы тоже взял фотошоп
  17. <input type="file" /> - не кастомизируется. используй JS средства для эмуляции кастомного элемента
  18. <table> <tbody> <tr> <td style="width: 100%;"> <a href="http://id68698.al11.luxup.ru" target="_blank" style="float: left;"> <img src="http://is.luxup.ru/images/i/6/1203646_267.jpg" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 4px; border: 1px solid rgb(224, 224, 224);" height="100" width="100"> </a> <a href="http://id68698.al11.luxup.ru" target="_blank" style="overflow: hidden; text-align: left; vertical-align: top; padding: 10px; color: rgb(14, 114, 181); overflow: hidden;">Ланд­шафт­ный дизайн и озел­енен­ие от компании "Веди"</a> </td> </tr> </tbody> </table>
  19. Для общей картины полный перечень возможностей этого элемента: http://awesomescreenshot.com/0d6g8vy40 И всё это строится на базе обычного <input>
  20. Фотошоп за 1000 рублей?
×
×
  • 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