-
Posts
5,038 -
Joined
-
Last visited
-
Days Won
125
Content Type
Profiles
Forums
Calendar
Store
Everything posted by klierik
-
я какие есть варианты ответа?
-
я за IE6 беру +50%. С августа под IE7 верстать по дефолту так же не буду. Поддержка кроссбраузерности за дополнительное $. Уж коль мне придётся иметь "секс" с IE6/7 то это "удовольствие" мне обязан оплатить заказчик
-
очень хотелось бы посмотреть на финальную вёрстку сабжа.
-
Всё стало на свои места после прочтения: Предварительный обзор HTML5
-
спасибо
-
.gallery-thumb img { display: block; } хотя, а ну ка дай ссылку на страницу, может ты там отступы/поля добавил.
-
Давайте возьмём за основу самый простой схематический макет: И так имеем: Шапка. Содержится в теге <header> Контентная часть. Содержится в теге <article> Боковая панель. Сожержится в теге <aside> Ну и по логике вещей всё это дело можно положить в <section> ? Или же контент должен хранится в <section> а <aside> уже будет к нему как второстепенный блок? Как правильно?
-
sigma77, оу, так это перевод. Понял, при много благодарен.
-
Источник: 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> и как его добавить на страницу (к примеру существующего проекта) не изменяя общей вёрстки вариантов ответа: Фактически вопрос к Владу
-
<b> - используется для выделения жирным строки <strong> - используется для выделения жирным строки, но при этом же несёт в себе логику дающую понять поисковой системе что на данной строке делается акцент внимания. пруфлинка под рукой нету, но источник или Яндкекс.Субботники или Хабр Что же по поводу использования <b> и <i> в разметке то исходя из выше изложенного, поисковая система будет воспринимать теги на равне с тегом <span>. А так же действительно, в условиях когда требуется максимальная скорость загрузки страницы и минимальное время рэндеринга оной то такой подход даёт свои плоды. Но так же надо учитывать, что подобного рода подходы целесообразны в больших проектах, нежели в элементарных "хомяках". update: Пруфлинк. Прокрутить приблизительно на 20-ю минуту.
-
WordPress
-
Эластичные шаблоны
-
ссылку на страницу
-
Нажал Играть - ничего не произошло
-
то о чем говорит автор это фавикон домена с которого отправилось письмо. оно НЕ вставляется в код. Сервис электронной почты (как правило это веб-интерфейс, к примеру, Яндекса) сам автоматически его вставляет. Автор, ты не сможешь вставить фавикон так как такого функционала при создании письма попросту нет.
-
скрипт (который мне попадался однажды) автоматизирует работу и применяется к уже существующей разметке за счет чего не требуется дополнительные телодвижения (хорошо подходит для существующего проекта когда требуется кастомный элемент сделать малой кровью) Теперь по поводу шрифта. Рассмотрим правило: 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 */ Фактически теперь ты сможешь построить любой кастомный инпут-файл
-
очень даже подходит. в рамках текущего проекта это свойство использовалось в многих местах и показало себя с наилучшей стороны, так как оно позволяет строить гибкие конструкции, которые ранее приходилось эмулировать множеством таблиц (от сюда вес страницы существенно(!) выростал)
-
я при чем тут эмуляция onclick? просто скрипт делает некоторое "чудо" и якобы кастомизирует элемент. В кратце: - создается разметка для псевдо-нипу-файла - на контейнер вешается relative - инпут-файлу задается размер шрифта большой (к примеру 500px) за счет чего он бешено увеличивается. потом на него же вешается opacity и потом позиционируется через absolute. вуаля.
-
собственно нужно было подождать немного и лицезреть следующее: То есть фактически команда разработчиков берётся за определенную проблемную область и начинает её усердно решать. И, имхо, лучше я получу 7рку через пару месяцев, у которой будет только улучшение по работе с памятью, нежели 2 года и получу вместе с этим кучу нововведений. PS: источник на хабре.
-
и где ж на такое можно попасть то? за 35 я бы тоже взял фотошоп
-
<input type="file" /> - не кастомизируется. используй JS средства для эмуляции кастомного элемента
-
body {overwlow: hidden;}
-
Помогите откорректировать отображение рекламного блока
klierik replied to fowl's question in HTML Coding
<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> -
Для общей картины полный перечень возможностей этого элемента: http://awesomescreenshot.com/0d6g8vy40 И всё это строится на базе обычного <input>