Nanto

target регулирует способ загрузки страницы в браузер. Причем здесь активная ссылка ? http://htmlbook.ru/css/target Какой ещё "способ загрузки"? Какая ещё "активная ссылка"? Речь шла про "текущую". P.S. А... Вы подумали что речь идёт о <a href="#" target="_blank">...

select тоже частично стилизуется... до поры до времени... направление раскрытия option чем стилизовать?

Только вчера делал стилизованный скроллбар... Перебрал несколько плагинов: jScrollPane, например, не заработал... В других слишком сложная обёртка и дофига стилевых свойств прописано... Нашёл-таки кое-какой попроще. Если надо днём кину ссылку.

Написали много, а проблему так и несформулировали! Что надо-то? ":active" срабатывает только в момент нажатия. Вам это надо? Тогда пропишите РАЗНЫЕ свойства для :hover и для :active. Сейчас у Вас и там, и там "background-position: 0 -25px;" - ясен пень что Вы разницы не видите! P.S. Кстати, очень дурацкий урок - много левой ерунды... Может Вам надо "текущую ссылку" подсветить? Тогда смотрите в сторону ":target", или юзайте JS/PHP, ну или как советует автор статьи - переписывайте код меню для каждой страницы сайта с навешиванием класса...

1) <!--[if IE]>любой html-код<![endif]--> 2) <?php $brow = $_SERVER['HTTP_USER_AGENT']; $browsers = array ("MSIE", "Firefox","Presto","Chrome", "Safari"); for($i = 0; $i < count($browsers); $i++) { if(strpos($brow,$browsers[$i])) { echo "You using $browsers[$i]"; break; } } ?> 3) <script language="JavaScript"> <!-- document.write(navigator.userAgent); //--> </script>

http://jsfiddle.net/qTeHA/1/ Один косяк - нельзя использовать transparent у псевдоэлемента, поэтому надо подогнять бэкграунд под цвет body. Это критично? Отчего-то в вёрстке очень непопулярно интересное свойство clip...

А погуглить? FF поддерживает transition для псевдоэлементов с 4 версии. Хром даже в 19-ой не поддерживает. Опера 11.61 тоже. https://bugs.webkit.org/show_bug.cgi?id=23209

смотри конфиги, запущенные службы и т.д.

Одного пункта не хватает: пользуюсь рабочим временем тестеровщиков. Если баг воспроизводится в IE9 (в режиме эмуляции) - то всё просто. Если нет - смотрю на VirtualBox-e. Если и в VB - нет, начинаем выяснять с тестеровщиком - что у кого не так (или просто забиваю на этот баг).

Что-то Вы не то порете... Вверху блок с высотой по контенту. Внизу блок на всю оставшуюся высоту с overflow:scroll. В нём таблица. В чём проблема?

Там будет куча вложенных блоков - наличие которых будет меняться в зависимости от триггера... Ну вот типичный пример: http://jsfiddle.net/GmyYe/ В Фоксе, Хроме и даже в ИЕ9 - всё ок! Опера фигню порет...

Ребята! Кому БЭМ помог!? Поднимите руку! Поднял первым Я поднимаю руку за. Как идеология лично мне очень нравится, т.к. на практике многие вещи в большей степени удается брать из предыдущих проектов, и использовать повторно, подправив всего-навсего css. Так же когда какие-то внезапные дополнения/изменения происходят по ходу работы, все решается достаточно просто. Некоторые проблемы возникали, при привязке к cms (привязкой занимается другой человек). Суть проблемы в том, что по теории всякие там h1-h6 должны иметь соответствующие классы, но визуальный редактор, через который можно создать страницу или пост, не вставляет те самые классы (в режиме ред. кода конечно можно). А как говорит партнер по работе, часто бывает, что для этих задач выделяют секретаршу блондинку, которая небельмеса не понимает, и ей не объяснишь, что нужно добавлять классы к заголовкам. И всю эту красоту с заголовками иногда приходилось решать более деревянными путями. Ну я минус поставил на этот твой пост, так как считаю это откровенным бредом, это мое личное мнение. Проблемы, братюнь? Так, что последи за своими пузырями в луже. p.s. Уж простите, граждане, но такая необоснованная бузота раздражает(( У тебя проблемы, Зёма? По сути что-нибудь вякнуть можешь? Или всё такие крутые - думаете в крупных компаниях никто не работал? Работали - мне даже приходилось разгребать эту кучу БЭМ-вского навоза! И судя по твоим "привязкам с CMS" - вот ты действительно "в теме" работоспособности крупных проектов! Господа, а чем например тогда плох "CSS Less"? Зачем останавливаться на пол-пути оптимизации? Или это национальная фишка? Выдумать какую-то мамловнятную идеалогию и нещадно её пиарить, снабжая тоннами сопроводительной документации - "мы круты, потому что:......". Идеалогия, мля!

Таким образом люди выражают согласие или несогласие с твоей точкой зрения. Что в этом такого? Я бы тебе тоже минус поставил за твои некоторые посты. Так как вот из этого, например, поста, видно, что человек совершенно не понимает сути. Вот этой фразы достаточно, чтобы это понять. Я даже дальше не ходил. Дальше читал? Или раз яндекс - говна в принципе быть не может? Да страшнее гугло-яндексовского кода себе сложно что-то представить!

Господа, а кто мне карму минусует? По сути сказать нечего - пук в лужу. А втихаря карму понижать...

Как же это всё достало!!! :dash: Вместе нужных вещей в CSS вводят свисто-перделки, которые при этом не работают! есть блок width:100% в нём блок width:100%; height:40px; внешний блок должен быть со скруглёнными углами. Как??? Фокс и Хром делает как надо, Опера опять выёживается! Никаких <img> - просто блок в блоке. Если даю отступы - всё нормально скруглённые углы пробиваются!

Вероятно, стоит иметь представление, о чём ведёте речь, прежде чем... вести речь. Посмотрите какую-нибудь яндексовую презентацию по БЭМу, в частности ту часть, где речь идёт о сборке проектов из готовых блоков. Вероятно, вопрос отпадёт. Вы таки наивно полагаете, что сидел человек и руками её писал целиком, похоже. А другой, чтоб внести изменения, втыкает в этот файл и ищет нужное место. А что, Яндекс блоки собирает на CSS? Тогда действительно им надо что-то менять и оптимизировать! Это ведь так сложно: <?php echo $this->block('blocks/head/'); echo $this->block('blocks/block1/'); echo $this->block('blocks/block2/'); ... ?> А, ну тогда вообще начхать как там стилевые свойства прописаны - Firebug включил и отслеживай... Я к тому, что там очень все нерационально прописано. А в чем говнокод? В том, что ее минимизировали? CSS как CSS для продакшена. Нет, это я к вот этому, например: .w-sport__addon{padding-bottom:8px} .w-sport__addon .b-dropdown__visible{padding:5px 9px 0 0} .w-sport__addon .b-dropdown__popup .b-dropdown__visible{padding:1px 9px 4px 7px} Действительно, очень рационально! Контекстом переопределять одно и то же стилевое свойство. И при этом в документации на сию "систему ООП" писать про контекстное наследование - "ФИ!"... Как там? "Если поместим блок в другое место кода, стили все равно будут работать!"? А, у них ещё и на специфичности завязано... Это вообще атас! Ещё вопрос - а в БЭМ используется приоритет свойства определённого ниже по коду? Если да - всё! Я умываю руки... Если нет - тогда у них обфускатор/минимизатор шутки шутит?

Двойное почёркивание - это ненормальное явление! Если вы не копипастите названия классов, а набираете их вручную - скорее всего вы долго будете разбираться - почему же не работают стилевые правила. Все равно не понял... Чем хуже конеткстные селекторы без всяких плясок с бубном? Нужно получить доступ к отдельному блоку? Записываем "лестницу" селекторов уникальную для данного блока. Нужно получить доступ к группе однотипных блоков? Берём общий класс. Нужно получить доступ к избранной группе блоков? общий класс, скорректированный контекстом... Пример Яндексовской цсс-ки: .b-icon{position:absolute;overflow:hidden;width:16px;height:16px;margin-left:-19px}.b-icon i{position:absolute}.b-corners{position:relative;display:block;background:#fff;border:1px solid #fff}.b-corners-rt,.b-corners-rb,.b-corners-lb,.b-corners-lt{position:absolute;overflow:hidden}.b-corners-rt,.b-corners-rb{right:-1px}.b-corners-lb,.b-corners-lt{left:-1px}.b-corners-lt,.b-corners-rt{top:-1px}.b-corners-rb,.b-corners-lb{bottom:-1px}.b-corners-rt i,.b-corners-rb i,.b-corners-lb i,.b-corners-lt i{position:absolute;width:50px;height:50px;background-repeat:no-repeat}.b-corners .b-corners-rt i{top:0}.b-corners .b-corners-lb i{left:0}.b-corners .b-corners-lt i{top:0;left:0}.b-corners-body{display:block}.b-corners-gray5{background:#fff;border:1px solid #bfbfbf}.b-corners-gray5 .b-corners-body{padding:6px 12px 0 6px;color:#666}.b-corners-gray5 .b-corners-rt,.b-corners-gray5 .b-corners-rb,.b-corners-gray5 .b-corners-lb,.b-corners-gray5 .b-corners-lt{width:5px;height:5px}.b-corners-gray5 .b-corners-rt i,.b-corners-gray5 .b-corners-rb i,.b-corners-gray5 .b-corners-lb i,.b-corners-gray5 .b-corners-lt i{background:url(http://img.yandex.net/i/corners/corners-gray5.png)}.b-corners-gray5 .b-corners-rt i{left:-5px}.b-corners-gray5 .b-corners-rb i{top:-5px;left:-5px}.b-corners-gray5 .b-corners-lb i{top:-5px}.l-menu{width:100%;margin:.8em 0 1.5em 0}.l-menu-item{padding:5px 4px;text-align:center;border:1px solid #B2B2B2;border-width:1px 0}.l-menu-gap{width:2%;padding:0}.l-menu-gap i{display:block;width:20px}.l-menu a,.l-menu b{font-size:.85em;white-space:nowrap}.l-page-short{width:100%}.l-page-short-l{width:75%}.l-page-short-r{width:21%}.l-page-short-g{width:2%}.l-page-short-g i{display:block;width:20px}.l-story{width:100%;margin-top:.4em}.l-story-c .gap{font-size:0;display:block;width:400px}.l-story-r{width:20px}.l-story-l{width:120px}.l-story-r i{font-size:0;display:block;width:20px}.b-subscribe{margin-top:3em}.b-subscribe .caption{margin-bottom:.5em}.b-subscribe .calendar{display:block;margin-bottom:.8em}.b-subscribe .subscribe li{margin-bottom:5px}.b-subscribe .subscribe i{display:-moz-inline-box;display:inline-block;width:18px;height:17px;margin-right:5px;vertical-align:bottom;text-decoration:none}.b-subscribe .subscribe .news i{background:url(http://img.yandex.net/i/icon-news.png) left center no-repeat}.b-subscribe .subscribe .rss i{background:url(http://img.yandex.net/i/icon-rss.png) left center no-repeat}.b-subscribe .subscribe .smi i{background:url(http://img.yandex.net/i/i16-news_new-v8.gif) left center no-repeat}.b-subscribe .subscribe .lenta i{background:url(http://yandex.st/news/1.30/i/rss_ya.png) left center no-repeat}.b-subscribe .subscribe .bannerline i{padding-left:2px;padding-right:2px;background:transparent url(http://img.yandex.net/i/news/icon16x16-red.png) no-repeat scroll left center}.b-story-sources,.b-story-sources a{color:#ff5223}.b-story-list{font-size:100%;width:120px}.b-story-list .title{font-weight:bold;margin:.8em 0 .2em 0}.b-story-list .title .total{font-weight:400}.b-story-list .photo,.b-story-list .video{margin:.3em 0 0 0}.b-story-list .photo a,.b-story-list .video a{float:left}.b-story-list .link{font-size:88%}.b-story-list .link a{color:#000}.b-story-list .video .b-icon{margin:.5em 0 0 .7em;cursor:hand}.b-story-list .video .b-icon i{width:16px;height:16px;background:url(http://img.yandex.net/i/play.png) no-repeat}.b-story-list-concern{margin-bottom:.3em}.b-story-list-concern .rubric,.b-story-list-concern .region{font-weight:bold;display:inline;margin-right:.2em}.b-story{margin:.8em 0 0 12px}.b-story .b-story-list-concern,.b-story .text,.b-story .all-news{margin-left:8px}.b-story .caption{font-size:1.4em;margin:.4em 0 .7em 8px;color:#000}.b-story .text{margin-top:.6em}.b-story .text span{padding-right:.6em}.b-story .text .source{font-size:90%;margin-right:.5em;color:#066f2c}.b-story .text .time{font-size:90%}.b-story .all-news{display:block;margin-top:1em}.b-story .b-textcom .source{color:#066F2C;font-size:90%;margin-right:0}.b-story .b-textcom .desc{margin-left:.5em}.b-story-quote{margin-top:.6em}.b-story-quote .quote-owner{font-size:90%;position:relative;top:-1px;margin-left:20px;padding:7px 0 0 25px;background:url(http://img.yandex.net/i/tail.png) no-repeat}.b-story-quote .quote-link{margin-left:.9em}.b-story-quote .h-corners{overflow:hidden}.b-story-quote .b-corners-body{padding:6px 7px 7px;color:#000}.b-story-add{position:relative;float:right;width:200px;margin-top:-10px;margin-bottom:.4em}.b-story-add .b-story-map,.b-story-add .b-story-more{margin-left:15px}.b-story-map{font-size:90%;margin-top:5px;padding:8px 10px;background:#eedcb6}.b-story-map .map{position:relative;width:160px;height:120px;margin-bottom:.3em}.b-story-map .info .adress a{color:#3d4c87}.b-story-map .info .source a{color:#066f2c}.b-story-map .info .adress,.b-story-map .info .source{margin-right:.3em}.b-story-map-info{font-size:90%;position:absolute;left:55px;bottom:70px}.b-story-map-info .addr{overflow:hidden;max-width:100px;background:#FFC;color:#000;border:1px solid #000}.b-story-map-info .addr p{min-width:40px;padding:0 .4em .1em .4em}.b-story-map .tail{position:absolute;z-index:98;left:80px;bottom:60px;width:15px;height:11px;background:url(http://img.yandex.net/maps/i/i-legend_point.gif) no-repeat}.b-story-more{padding:10px 10px 12px 10px;background:#fbf7ee;width:170px}.b-story-more .title{font-weight:bold;margin-bottom:-0.2em}.b-story-more .object margin-top:1em}.b-story-more ul{margin-bottom:2em}.b-story-more .link{margin:.6em 0 .1em}.b-story-more .date,.b-story-more .time{font-size:90%;display:inline}.b-story-more .date{margin-right:.6em}.b-story-more .opinions{margin-left:19px;margin-top:1em}.b-story-more .objects{padding-top:5px;border-color:#DCD2BA;border-top:1px solid #DCD2BA;margin-top:1.5em}.b-story-more .objects .b-dropdown li{padding-bottom:10px}.b-story-more .objects .b-dropdown li,.b-story-more .objects .b-dropdown li .b-pseudo-link{white-space:normal}.b-story-more .opinions .b-icon i{width:16px;height:16px;background:url(http://img.yandex.net/i/blogi.gif) no-repeat}.b-news-story{margin-top:1.5em}.b-news-story-rubric{margin-bottom:2.5em;margin-top:0}.b-news-story .caption{margin:.2em 0 .5em;font-weight:bold;font-size:1em}.b-news-story .caption a{font-weight:bold;vertical-align:bottom;color:#000}.b-news-story .b-news-item .head,.b-news-story .b-news-item .link{display:inline}.b-news-story .b-news-item{margin:.5em .8em .25em 0}.b-news-story .story{margin-top:1.25em}.b-news-story .story .story{font-size:.85em;margin-bottom:.75em;margin-top:0}.b-story-title-list .in-story{display:block;overflow:hidden;margin-bottom:.6em;padding:8px;background:#c3deb1}.b-story-title-list{margin-top:1em}.b-story-title-list dd{padding:0 8px 0 8px}.b-story-title-list dd{margin-top:.6em}.b-story-title-list .link{padding:0;margin-right:.5em}.b-story-title-list .current .link{background-color:#FFF68D}.b-story-title-list .source{font-size:90%;margin-right:.4em;color:#066f2c}.b-story-title-list .time{font-size:90%}.b-story-title-list .storytitle .link{font-style:italic}.b-story-title-list .mostcited .link{font-weight:bold}a .dups_ct{font-size:smaller}.b-story-title-list-articles{margin-left:-8px;padding:.8em 0 0 0}.b-story-title-list-articles dt{padding-left:8px}.b-story-title-list-articles .interview{margin-top:1.2em}.h-story-title-list{overflow:hidden;padding-left:8px}.b-news-paint{float:left;width:100%;margin-bottom:1.8em}.b-news-paint .title{font-size:110%;color:#f30}.b-news-paint .title a{color:#f30}.b-news-paint .link{float:left;margin-top:.6em;line-height:1.44em;text-decoration:none}.b-news-paint .link:hover span{text-decoration:underline;color:#002455}.b-news-paint .link .dot{display:-moz-inline-box;display:inline-block;width:5px;height:5px;margin:0 .5em 0 .5em;vertical-align:middle;background:url(/i/red-dot.png) no-repeat}.b-story-informers{margin:.6em 0 0 .5em}.b-story-informers li{float:left;margin:.2em .2em 0 .2em;padding:.5em .8em}.b-story-informers a{outline:none}.b-story-informers i{margin-left:.4em;color:#565656}.b-story-title-list .informers{padding:.5em 8px}.b-story-title-list .informers span{margin-right:1em;white-space:nowrap}.l-page-short-r .h-page-short-r{padding-left:5px}.ad{margin-top:2em;position:relative}.ad .ad-link{margin-bottom:.2em;margin-top:.5em}.ad .ad-link,.ad div,.ad .url{padding-left:5px}.ad .ad-link a{font-weight:bold}.ad .url{color:#060;margin-bottom:1em}.ad .url a{background:transparent url(http://img.yandex.net/i/ico-phone.gif) no-repeat scroll 0 0;color:#060;padding-left:16px;text-decoration:underline}.ad .direct{padding:2px 5px;background-color:#FEEAC7;z-index:5}.somebanner .y5_f{border-style:solid!important;border-color:#ccc!important;border-width:1px!important}.b-widget{margin-top:1.25em}.b-widget dt{margin-bottom:5px}.b-widget i{display:-moz-inline-box;display:block;float:left;width:18px;height:17px;margin-right:5px;vertical-align:bottom;text-decoration:none}.b-widget .widget i{background:url(http://img.yandex.net/i/i16-news_new-v8.gif) left center no-repeat}.b-trough-medals{font-size:13px;margin:0;padding:0;margin-bottom:1em}.b-trough-medals__line{margin-bottom:.75em}.b-trough-medals__favicon{width:16px;height:16px;margin-right:5px;background:url(//img.yandex.net/i/olymp2010/favicon.png) no-repeat;vertical-align:middle}.b-trough-medals__title,.b-trough-medals__title:link{color:#000;vertical-align:middle}.b-trough-medals__sports{white-space:nowrap}.b-trough-medals__sports__link,.b-trough-medals__sports__link:link{margin-right:.5em;vertical-align:middle;color:#1a3dc1}.b-trough-medals__country{margin-right:1em;vertical-align:middle}.b-trough-medals__num_gold{margin-right:1em;vertical-align:middle;color:#f29401}.b-trough-medals__num_silver{margin-right:1em;vertical-align:middle;color:#3b6b75}.b-trough-medals__num_bronze{margin-right:1em;vertical-align:middle;color:#851f00}.b-trough-medals__i{position:relative;width:17px;height:17px;margin-top:-2px;vertical-align:middle;background:url(//img.yandex.net/i/olymp2010/medals.png) no-repeat}.b-trough-medals__i_silver{background-position:-17px 0}.b-trough-medals__i_bronze{background-position:-34px 0}.b-trough-medals__winners__line,.b-trough-medals__score__line{margin-bottom:.5em;padding-left:22px;color:#666}.b-trough-medals__score__line .b-trough-medals__country{margin-right:0}.b-trough-medals__score__line strong{margin:0 .25em 0 .5em;color:#000}.b-trough-medals__winners__line .b-trough-medals__i{position:absolute;margin-left:-22px}.b-trough-medals__winners__link{margin-right:.3em;color:#34476f}.b-trough-medals__category{margin-bottom:.5em;margin-top:.75em}.b-trough-medals__category__link,.b-trough-medals__category__link:link{color:#4b6185;margin-left:22px}.b-trough-medals_hor .b-trough-medals__title,.b-trough-medals_hor .b-trough-medals__sports,.b-trough-medals_hor .b-trough-medals__num{display:inline;margin-right:.3em;vertical-align:middle}.b-trough-medals .single{margin-left:22px}.b-trough-medals_hor .b-trough-medals__winners__line{float:left;margin-right:1.5em}.b-trough-medals_hor .b-trough-medals__winners__line__i{width:200px}.b-trough-medals_hor .b-trough-medals__winners{margin-top:1em}.b-trough-medals_hor .b-trough-medals__winners__name{display:block;margin-top:.1em}.b-trough-medals__clear{clear:both}.ext-links{margin-left:-8px;background:#f2f2f2 none repeat scroll 0 0;padding:8px;margin-top:1.2em}.ext-links dd,.ext-links dt{padding:0 8px}.ext-links dd{margin-top:.75em}.ext-links .source{color:#066F2C;font-size:90%;margin-right:.4em}.ext-links dd .link{margin-right:.5em}.w-sport{width:170px;padding:10px 10px 0;margin-left:15px;margin-bottom:10px;background:#eee}.w-sport__head{margin-bottom:5px;text-align:center}.w-sport__body-team,.w-sport__body-event,.w-sport__body-score{margin-bottom:1px;padding:2px 5px;background:#fff}.w-sport__body-team{text-align:center}.w-sport__body{padding-bottom:15px}.w-sport__body-team-link{color:#000}.w-sport__addon{padding-bottom:8px}.w-sport__addon-stat-link,.w-sport__addon-stat-link:link{color:#30762B}.w-sport__card{display:-moz-inline-box;display:inline-block;width:15px;height:8px}.w-sport__card-red{background:#F61A17}.w-sport__card-yellow{background:#FED52B}.w-sport__match{width:100%}.w-sport__match-left,.w-sport__match-center,.w-sport__match-right{text-align:center;vertical-align:middle}.w-sport__time{display:block}.w-sport__score{font-size:300%}.w-sport__match-text{font-size:85%}.w-sport__subtitle{text-align:center;font-size:.85em;margin-bottom:.5em}.w-sport__addon-item,.w-sport__addon .b-dropdown__visible{padding:5px 9px 0 0}.w-sport__addon .b-dropdown__popup .b-dropdown__visible{padding:1px 9px 4px 7px}.w-sport__addon-stat-source{color:#066F2C;margin-right:.4em}.w-sport__video{font-size:90%;color:%666666}.w-sport__match-hint{font-size:85%}.b-match__tabs{border-bottom:1px solid #aaa}.b-match__tabs{margin-bottom:1em;overflow:hidden}.b-match__tabs-item{display:-moz-inline-box;display:inline-block;padding:5px}.b-match__tabs-item-active{background:#D7D7D7}.b-match__tabs-update{color:#666}.b-match__tabs-item-active .b-pseudo-link,#js .b-match__tabs-item-active .b-pseudo-link:hover{font-weight:bold;color:#000!important;border:0!important;cursor:text}.b-match__lenta{overflow:hidden}.b-match__time{width:20px;padding:2px 5px;text-align:right;vertical-align:top}.b-match__event{width:30px;vertical-align:top;text-align:center}.b-match__text{padding-bottom:5px}.b-match__translation{margin-top:.5em;overflow:hidden}.b-match__translation-head{margin-left:8px;margin-bottom:1em}.b-match__translation-head-link{color:#000}.b-match__translation-link,.b-match__translation-link:link{color:#007406}.b-match__translation-items{margin-bottom:.75em;margin-left:9px}.b-match__translation-source{color:#066F2C;margin-right:.4em}.b-match__translation-time{font-size:90%}.b-reverse-clock__delim_hidden{visibility:hidden}.b-reverse-clock b,.b-clock b{font-size:140%}a{color:#002455}a:hover{color:#ff5223}.b-story .text i{font-style:italic} Большего говнокода трудно себе представить!

Я одного не могу взять в толк - чей извращённый ум придумал использовать в названиях классов ДВОЙНОЕ подчёркивание? И для чего? Для абсолютной "нечитаемости" кода? По поводу обоснованности применения - для таких порталов как Яндекс и Гугл, с их говнокодом, попытка хоть как-то систематизировать средства разработки - единственный выход, иначе КПД будет стремиться к нулю! Для небольшого (или постоянно поддерживаемого одними и теми же программистами) проекта - это "горе от ума". Любой код изначально можно делать крайне структурированным. P.S. Может я чего не понимаю... Дайте пример кода, где использование БЭМ сразу даёт очевидное преимущество!

А зачем там img, у которого нет ссылки? Вот Вам Хром и показывает, что тут должны быть картинка! Уберите <img> и всё станет как надо (или наоборот - пропишите ему src).

http://forum.htmlbook.ru/index.php?showtopic=30815&st=0

http://yandex.ru/yandsearch?text=IE6+3px+gap&text=9582&text=191&lr=191 <div style="width:1000px;"> <div style=" float:left;width:300px; height:300px; background-color:#FF0000; "> </div> <div style="float:right; width:700px; height:300px; background-color:#33FF66;"> </div> </div>

Поточму что тогда он становится не выпадающим, а фиксированной высоты.

Как ограничить длину выпадающего списка на <select>-<option>? чтобы он показывал, скажем 10 позиций, а потом скроллил. size="10" не предлагать! Вроде как на чистом html/css не возможно...

Не понял про :target... Это якобы через css можно реализовать навигацию?

Допустимо ли использовать на одной странице разные гарнитуры (одного стиля - "рубленый" и т.д.). Причём не так, что меню одним, а контент другим. А так, что заголовок - Arial-ом, а текст под ним - Tahom-ой... Вроде как "не айс", как считаете?