Great Rash

Картинки или transform + matrix filter для старых ИЕ, больше вариантов нет. Я вас поздравляю, геморрой вам обеспечен.

.wrap { overflow: hidden; border: red 2px solid; background: pink; } .left { float: left; border: green 2px solid; background: lightgreen; } .right { float: right; border: blue 2px solid; background: lightblue; } <div class="wrap"> <div class="left">я слева</div> <div class="right">я справа</div> </div>

Вот вам небольшой пример с использованием PHP и jQuery. PHP (допустим list.php): $list = '<ul>';$list_item = '<li>item</li>';for ($i = 0; $i < 10; $i++) { $list .= $list_item;}$list .= '</ul>';echo $list;jQuery (допустим внутри index.php): <div id="list">loading...</div><script>$.ajax({ url: 'list.php', dataType: 'html', success: function(data) { $('#list').html(data); }});</script>

HTML - верстаете список CSS - назначаете ему стили AJAX - отправьте запрос на сервер и с сервера отдайте нужную страницу списка

Что именно вам непонятно?

float

Вам сюда: http://forum.searchengines.ru/

В HTML5 это не совсем так, см. код ниже: <table role="presentation">

Kublyakov, ого, возьму на заметку, спасибо!

Проблема в том, что в статье на css-live пункты меню не стоят вплотную друг к другу, а, судя по картинке ТС, должны быть прижаты. Если бы подсветки фона не было, то на это можно было бы забить, т.к. не видно.

Switch74, вы не учли, что активный пункт меню надо подсвечивать.

Если таблицей уж очень не хочется, то можно заюзать flex. Тем более есть js-fallback для старых ИЕ.

Тут надо сделать ремарку, что кто-то в программе может переопределить переменную undefined. Так что typeof + кавычки всё же надёжнее. Можно вот так извратится (если мы байты кода экономим): function exists(x) { return typeof x !== void 0;}

Читайте про адаптивный дизайн.

Я всё равно не рекомендую отказываться о typeof. Вот вам две ситуации: тут всё ок: function foo(x, y, { if (! alert(1);}foo(1, 2);а тут плохо: function foo(x, y, d) { if (! alert(1);}foo(1, 2);Запутаться будет очень просто.

Да, но лучше так не делать. Можно потом запутаться и нажить себе (или тому кто будет потом код читать) геморрой. UPD: Если вы в глобальной области видимости находитесь, то можно так проверить: if (!window.x) alert(1);

Неправда. Проверить очень просто: открываем консоль и пишем if (!x) alert(1);, любуемся на ошибку. Так можно проверять только внутри функций, т.к. там переменным уже присвоено undefined.

z-index отсчитывается относительно родителя. Вам надо выставить правильный z-index для родителя "выползающего списка"

Посмотрите в сторону ImageMagick

Вам всё равно какой будет использоваться язык программирования?

Ничего, яваскрипт только. Ну или переделать верстку так, чтобы nth-of-type не понадобился.

Какова практическая ценность данного кода кроме понтов в стиле "смотрите как я умею"?

Потому что <section> во втором случае на является первым потомком. Для второго случая вам подойдёт селектор nth-of-type.

Я по-старинке, меряю прям в фотошопе, пока никто не жаловался.

Это SASS? Я не знаю этого языка. Но формула с вычислением катетов работать не будет просто потому, что в CSS нет дробных пикселей, там всё округлится. В итоге 0.99 превратится в 1, а 0.18 превратится в 0. Однако в фотошопе эти параметры дают 1 и 1.