Cryolite

Может еще пригодится собственно респозивная таблица http://css-tricks.com/examples/ResponsiveTables/responsive.php

Почему нельзя указать height: 70% для #main? Ведь в реальности минимальная величина(высота) не может быть больше фактической. ( 1 > 70 ?). Я думаю, Хром правильно делает.

Nivo Slider - слайдер с красивой анимацией, но работает только с изображениями. Div с текстом,если требуется, приходится добавлять и анимировать отдельно.

Можно менять один цвет, другой остается постоянным. (Сам градиент тоже не меняется, изменяется background-color. Но поскольку градиент; постоянный цвет - transparent, создается нужный эффект) http://nimbupani.com/some-css-transition-hacks.html

Zen Coding изменил название на Emmet

Если images лежит, в одной папке с index.html, то можно просто убрать слеш из пути (сделать путь относительным), но тогда нужно будет его еще раз изменить при переносе на сервер.

Тогда нужно использовать div, вместо html5 тегов

Можно использовать CSS свойство columns (с префиксами), но придется "забить" на IE (работает, только в 10, а в остальных будет один список)

А ступенька всегда состоит из одного элемента? http://jsfiddle.net/bk4Kr/2/ Правда работает пока номер состоит из одного символа. И требует дополнительный селектор для каждого следующего уровня вложенности (списка).

Немного топорно, но можно так... http://jsfiddle.net/bk4Kr/1/

Это похоже bag 8 IE из серии подобно 6-7. Самому было интересно, нагуглил англоязычные страницы с вопросами по похожей проблеме (~ IE8 dashed 1px white border), но либо решения не работали, либо ответов не было. Похоже хак, единственное решение...

http://jsfiddle.net/4U5M7/2/ -вроде через IE tester работает, немного отличается пунктир. Можно через условные комментарии подключить.

Можно на радио-кнопках сделать, для select'a нет нужного селектора. http://jsfiddle.net/9vkgd/1/

del

Подскажите, пожалуйста, материалы по основам web (или просто) типографики. Заранее благодарен.

Может IE Tester? IE10 в различных режимах отображает рамку как нужно.

<ul class="lvl1"> <li><a href="#">Пункт1</a></li> <li><a href="#">Пункт2</a></li> <li><a href="#">Пункт3</a> <ul class="lvl2"> <li><a href="#">Пункт3-1</a></li> <li><a href="#">Пункт3-2</a></li> <ul> </li> <li><a href="#">Пункт4</a></li> </ul> Так обычно выглядит многоуровневое меню

Возможно проблема с "весом" css-правила. Так, например, ul.mainMenu уже чистым .className не перебить нужен дополнительный селектор. Хотя для любого правила, которое используется в текущем коде, color:green должен менять цвет, т.к. чистых классов нет.

Вы точно весь код скопировали? Похоже что не используются after и before. Во всех браузерах работает, IE >= 9. В старых IE покажет только заголовок. (Если нужно можно добавить серый фон с помощью условных комментариев или использовать background-image) http://jsfiddle.net/HVJTh/2/

вот примерно то что нужно _http://habrahabr.ru/post/133258/

Можно попробовать сделать фон+border+box-shadow, если не нужен приподнятый уголок справа. Можно найти эффект бумаги с приподнятыми уголками на чистом css c использованием box-shadow и псевдоэлементов, если не нужна поддержка в старых IE

Я просто заметил что, линия с border-bottom рисуется немного ниже, чем underline. Из-за этого на мой взляд текст выглядит более привлекательно. правда не совсем ясно какую толщину ставить в em' ах. (1px при 100% body)?

Как вы относитесь к использованию border-bottom для ссылки вместо text-decoration: underline? Недавно открыл такую особенность, мне понравилось, но интересно услышать ваше мнение.

Да, точно. Поправил.

Возможно click по ссылке также обрабатывает $(document).click... Если еще актуально можно попробовать, что-то подобное: <div class="block"> <a class="link" href="#">Link</a> <form class="form" style="display:none;"> <input type="text" value="Text"> </form> </div> <div class="block"> <a class="link" href="#">Link</a> <form class="form" style="display:none;"> <input type="text" value="Text"> </form> </div> <script type="text/javascript"> $(document).ready(function() { $(".link").click(function() { if ( $(this).is('.activated-link') ) { $(this).removeClass('activated-link'); $(this).next().removeClass('activated-form'); $(this).next().hide(); } else { $('.link').removeClass('activated-link'); $('.form').removeClass('activated-form'); $('.form').hide(); $(this).addClass('activated-link'); $(this).next().addClass('activated-form'); $(this).next().show(); } }); //update $(document).click(function(event) { if (!$(event.target).is(".link, .form input")) { $('.activated-form').hide(); $('.form').removeClass('activated-form'); } }); });? </script> ? http://jsfiddle.net/EBawh/2/