Great Rash

Для начала нужно понять под какие версии браузеров вам надо.

<figure> нужен для того чтобы отобразить некий контент, на который есть ссылка в тексте, этим контентом не обязательно должна быть картинка, это может быть схема (Canvas, SVG) или вообще текст. Читали когда-нибудь учебник любой, вот там обычно есть такое: http://codepen.io/GreatRash/pen/RNOdbK В том, что вы обернули вообще все картинки в <figure> вообще никакого смысла нет. С таким же успехом можно было бы их в спаны обернуть или дивы.

Лишние дивы не нужны, но класс там зачем? Появилось мнение, что вы не понимаете для чего нужен <figure>.

<header class="header"> - бессмыслица, аналогично с <footer>. <del>P</del> - знак рубля так не делается. Зачем все картинки оборачивать в <figure> непонятно. Ну и к вёрстке это отношения не имеет конечно, но смолчать не могу макет ужасен!

Не надо вроде. Правило ниже просто переопределит верхнее.

Я про !important писал.

Жизненный опыт после 10 лет в профессии.

Только на HTML и CSS никак.

На будущее, запомните железное правило верстки: если вам понадобился !important, значит вы на 95% что-то не так делаете и стоит перепроверить/переделать верстку. Как правило все стили @media пишут в самом низу после остальных правил.

Потому что у вас ошибка в синтаксисе.

А ничего, что на официальном сайте вакансия IU Developer размещена для Нижнего Новгорода?

4 часа и 1800 руб. за это!? Мой вам совет: шлите его куда подальше.

Нестандартные атрибуты, нестандартные теги... HTML5 во всей красе...

Ну Yazon_Nile правильно написал, что кроме этого извратного способа больше ничего сделать не получится. Возможно этот способ будет даже неплох для совсем крошечного текста. В остальных случаях подобный скрипт добавит тормозов на страницу.

А так?

Ничего не понятно.

a:focus ~ ul li { display: block; position:absolute; left: 0; float: none; margin: 30px 0 0 0; }

Что-то я подумал тут, и придумал вот такой код. В Хроме точно работает, в других браузерах не проверял. Возможно с префиксами заработает везде кроме старых ИЕ.

http://chikuyonok.ru/2010/01/uniform-text-background/

#layer1{ top: 100; /* плохо */ left: 0px; } #layer1{ top: 100px; /* хорошо */ left: 0px; }

:focus

Пиксели например

В общем погуглил - в Мозилле нельзя стилизовать эти кнопки.

По крайней мере в Хроме так: input::-webkit-inner-spin-button { -webkit-appearance: none; display: block; width: 10px; opacity: 1; background-color: red;}В Сафари и Опере скорее всего так же, в Фаерфоксе надо инспектором посмотреть ккой там Shadow DOM создаётся для инпута. А вот в ИЕ вообще не уверен, что можно поменять.

Типичная тактика Microsoft - если мы не можем победить конкурента в честной борьбе, то мы просто закидаем его баблом. Это я сейчас не ОС имею в виду, а AppStore, Google Play и особенно Steam. Понятно же, что такой аттракцион невиданной щедрости только для этого и делается. Особенно на волне растущей популярности Linux среди простого пользователя и скорого выхода Steam Machines.