Leaderboard
Popular Content
Showing content with the highest reputation on 04/11/2011 in all areas
-
1 point
-
Я сам долго не понимал . Ключевые слова для поиска — контекст форматирования. Ну так это по всем признакам таблица и есть . Если очень критична "кошерность" и есть возможность забить/"изящно деградировать" на IE6-7, можно юзать связку display:table/display:table-cell. Но и обычная таблица не так страшна, как ее малюют, W3C практически разрешил. Если же не хочется искать легких путей, то вот (комменты тоже важны!). Не факт, что там отдельные новости, и что у одной новости не может быть двух врезок . А общий упорядочивающий контейнер колонки, имхо, нужен при любом раскладе.1 point
-
А у Хрома точно не появляется? Вспоминаю, что пару-тройку лет назад боролся с подобным. Для Gecko помог -moz-focus-inner, а для вебкитовых не нашлось ничего лучше, как задать отдельный отступ через хаки. Но, действительно, хорошо бы увидеть код, фактический результат и искомый — вдруг проблема совсем в другом?1 point
-
1 point
-
Я вот что про это всё думаю. Я всегда крошки делаю так <div id="crumbs"> <a href="/">Mainpage</a> » <a href="/catalog/">Catalog</a> » <a href="/catalog/somecat/">Somecat</a> » <a href="/catalog/somecat/somegood">Somegood</a> </div> id у дива потому что я считаю, что этот блок должен быть единственным на странице. Хотя никто не мешает заменить id на class. Кроме ссылок и знака-разделителя внутри ничего не бывает, поэтому стилизацию разделителей делать можно в «#crumbs», а стилизацию ссылок в «#crumbs a». Если тут будут списки, то добавится собственно элементов (ul, li...) и стили станут немного длиннее. Возможно, это повиляеят на скорость рендеринга, добавит «веса» странице, но это всё фигня, я считаю. Я бы не стал делал крошки списком, поскольку не вижу в этом никакого смысла.1 point
-
При верстке руководствовался мыслями: список - есть "перечисление" элементов. список каких-то дел; фрукт1, фрукт2, фрукт3, п.меню1, п.меню 2, - перечисления элементов, -> список. в тексте "категория1, подкатегория2, подкатегория3 - содержат нужные для вас материалы" ("," - ключевой элемент) - идет перечисление элементов - здесь это список. в "пути по сайту" "категория1 -> подкатегория2 -> подкатегория3" - НЕ перечисление элементов - это одна строка, по логике это ближе к "адресу", "адресной строке" где мы сейчас находимся. ИМХО.1 point
-
Ааа, так это не "связанный список" а указатели! Да, верно. Это изменяет суть семантики. Использование инстументов не по назначению никогда до добра не доводило. Приведу простой пример. Почему верстать таблицами плохо? Потому что.... почему? Вот что тут такого? Аргумент был железный - таблица не для оформления, а для данных. Со списками аналогичная аргументация у меня. Списки не для меню, не для навигации, не для оформления, а для данных.1 point
-
Под эмулятором можно разрабатывать, окончательно проверять на настоящих девайсах необходимо. Причм если мобильный фронтенд — это серьезное требование, то одним устройством на каждой платформе не обойтись. Особенно это касается андроидов, уже не в первый раз серьезные проблемы возникают на одном каком-то устройстве, при том, что на остальных все ОК.1 point
-
Андройд наверное, т.к. есть много бюджетных аппаратов. С айОсь можно купить iPod там точно такой же браузер как и в iPhone.1 point
-
Этот пример - классика жанра. Спискозадроты не видят в нем ничего военного, их ничего не раздражает в этом примере. Потому что они не могут отказаться от одного заблуждения, что все что перечисляется, должно быть <ol/> или <ul/>. Не подверженный вирусу списка головного мозга разработчик отчетливо видит абсурдность примера. Семантика списков такова, что они вообще не подходят для оформления. Откуда вообще взялись списки? Из оформления документов, статей, короче, из печатного мира. Они органично выглядят в теле статьи. Интерактивная суть HTML требовала заполнить пустоту интерфейсных потребностей и плюшек, как то меню, навигация, тулбары и прочее, и, чье-то воспаленное сознание додумалось применить для этого списки. Это настолько укоренилось в сознании последователей, что никто теперь не видит ошибки логики, что оформление должно быть оформлением, а контент - контентом. Я не вижу твоей проблемы. Может она надумана? Что тебя беспокоит?1 point
-
Иногда и так делается, только вот тут уж совсем не понять, зачем. «Спискозадротство» иногда объясняется очень банально: это достаточно удобная структура для оформления. Подходит ли она по семантике — дело десятое. Вот и получается список на списке.1 point
-
В теории, да, как-то так. Но... смотрим окончание подписи нашей неподражаемой Светланы и пытаемся обрести просветление. Итак, типа IT-коан: молодой послушник из обычной индийской деревни, не обучавшийся в универститетах страшным наукам типа "семантика", зато с прекрасной бытовой логикой "здравого смысла", заходит на сайт некоего учителя, чтобы обрести знание об истинной сути вещей. А админ этого сайта накануне хорошо отметил CSS Naked Day (кстати, поздравляю всех с прошедшим!) и спьяну забыл включить стили обратно . И видит наш простой индийский паренек примерно следующее: Вот какие варианты тут с первого взгляда укажут ему истинное Дао (то бишь путь, по-нашему), а какие — скорее запутают?..1 point
-
Фигня, а не меню. Вся прелесть яваскриптовых менюшек, которая не скоро светит CSSным — возможность задержки исчезновения вложенных подуровней при случайном уводе на миллиметр за границу родителя (юзабилити улучшается на порядок). А тут как в худших примерах выпендрежа с :hover-ами: шаг вправо, шаг влево — расстрел начинай сначала, с самого верхнего уровня. И как в еще более кошмарных примерах, всё на атрибутах onmouseover/onmouseout в каждом пункте, прямо в разметке. Низачот1 point
-
Ну все, судя по тому, что тут уже наговорили, готовлюсь отбиваться от гнилых помидоров Возможно, говорю глупости, потому что семантика — вообще вопрос спорный и неоднозначный, поэтому обычно не очень-то уделяю ей внимание, есть более насущные проблемы. ИМХО все-таки список. Да, список элементов иерархии. Список уровней, если переформулировать. В идеале, конечно, показать иерархию (но не реализовывать иерархически, потому что сами пункты — всего лишь названия, ссылки на элементы в иерархии). Атрибуты rel для этого бы чудесно подошли, но не положено Поэтому — список. Одномерный список уровней. Поскольку уровни определенным образом вложены, и в другой последовательности не имеют смысла, то список просто обязан быть упорядоченным.1 point
-
psywalker, Практически от балды . Моей идеей было, чтобы для HTML5-парсера получилась примерно такая outline: ? Главная ?? Важный раздел ?? Интересный подраздел ?? Какая-то страница изолированная от основной outline страницы. Код чисто иллюстративный. Это не значит, что я рекомендую именно такую схему для реальных проектов, скорее наоборот . s0rr0w, Да, всё так: проекция на одну ось, банальный одномерный массив. Но это одно измерение — именно глубина, а не ширина. И, на мой взгляд, для крошек это существенно. Простой список этого не передает совсем. А передать очень хочется...1 point
-
Для тестирования совершенно не обязательно иметь аппарат. Можно использовать SDK для его эмуляции.0 points
-
С логической точки зрения - абсолютно верно. Он отделил контент одного элемента от другого. Поворот на 90 градусов делает глубину шириной Если очень сильно хочется, но не получается, то спасут кастом-теги <c:breadcrumbs> <a href ...> </c:breadcrumbs>-1 points
-
Chrome - http://s2.itrash.ru/idb/7c91eb548e6ca22e25dde21312210155/oBezymyannyj.png Safari - http://s2.itrash.ru/idb/7c91eb548e6ca22e25dde21312210155/oBezymyannyj_1.png <button type="submit" name="submit" class="fbutton"><span>Добавить</span></button> /* Button */ .fbutton { background: url('../images/fbutton.png') 100% -24px no-repeat; border: 0; width: auto; height: 24px; padding: 0 9px 0 0; overflow: visible; } .fbutton:hover { background-position: right bottom; } .fbutton span { background: url('../images/fbutton.png') repeat-x; display: block; line-height: 24px; padding: 0 15px 0 24px; color: #3a3a3a; text-transform: uppercase; } .fbutton:hover span{ background-position: 0 -48px; }-1 points
-
Ну так и разговор был о нехватке времени! А тут половина работы сделана.... Доработать и ...скинуть автору часть гонорара Шутка.-2 points
This leaderboard is set to Kiev/GMT+03:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }
-
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
-
By Katerina23 · Posted
Да, подходит. Спасибо.
-