>Мы получаем выравнивание картинки по базовой линии с точностью до пикселя.
решение в самом деле интересное, и было бы прекрасно, если бы оно работало с точностью до пикселя.

>Да и для решения задачи это не критично
для решения задачи именно этот пункт крайне критичен – “выравнивание идет по логотипу”.

>Правда? А если немного подумать?
имелось ввиду ваше решение. И не стоит так нервничать, берегите нервы =)

>Откуда в условии решаемой задачи появилось две строки?
это я уже сам додумал.

>Странно, и почему из 27 присланных работ со всеми условиями справились только 2 человека?
наверное, не все правильно поняли суть задачи.

>И те не флоатами сделали.
у ante флоаты есть.

>решать дизайнеру и клиенту, а не кодеру.
это правильно, согласен.

>решите такую-то проблему, абстрагировавшись от макета
честно говоря, в тот день прочитал ваше сообщение поверхностно, сверстал первое, что пришло в голову, и отправил вам. И все-таки, я считаю, что вариант с инлайн-блоками имеет право не существование.

>Вы сами предложили 4 одних и тех же решения, с теми же флоатами, да ещё и с кодировкой натупили.
там инлайн-блоки, а с кодировкой проблемы не у меня – отправил в win1251, а сервер выдает utf-8.

>Ваши претензии, не более чем пук в кастрюлю.
это были не претензии, а здоровая критика. По поводу “пуканья в кастрюлю” – вы наверное фанаете от таких действий, но я к сожалению такими вещами не занимаюсь, прошу меня оградить

это не сложнее вставки класса .first для первого элемента списка.

Вы отвечаете за все существующие CMS? Да и кто сказал, что этот класс вставлять обязательно?

не возникнут – добавляем для второго элемента списка класс #logo

вообще-то речь шла про боковое меню и контент, при чем тут #logo?

для меня осталось загадкой возможность практического применения вставки пробела после картинки – с этого “трюка” мы ничего не получим.

Мы получаем выравнивание картинки по базовой линии с точностью до пикселя.

Изменится размер шрифта в меню или размер логотипа – придется подгонять отступы.

Можете пример привести? Только сначала обратите внимание, у какого именно блока указана гарнитура и размер шрифта.

текст первого пункта растягивается в левую сторону, это хорошо, когда логотип всегда должен быть на одном месте, и неприемлимо, когда отступ слева создает сетку – мы ее попросту нарушим.

Скажем так: в шаблоне, который я верстаю и из которого родилась эта задача, выравнивание идет именно по логотипу. Поэтому я в условии написал, что слева очень много места. Да и для решения задачи это не критично.

Решение совсем не годится, в случае, если отступа слева нет – его придется подбирать на глаз, команда поддержки сайта будет вынуждена постоянно вносить правки в css.

Правда? А если немного подумать? Кстати: среди присланных вариантов есть и решение, которое работает даже при нулевом отступе слева.

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

Не понял, о чем вы? Откуда в условии решаемой задачи появилось две строки? И о каком отсутствующем вертикальном выравнивании идет речь? Можете дать пример?

расчитывал на более элегантное решение, а получил обыденные флоаты да абсолюты, скучно

Странно, и почему из 27 присланных работ со всеми условиями справились только 2 человека? И те не флоатами сделали.

и да, размещение логотипа после первого пункта меню – сомнительный дизайнерский ход.

Это решать дизайнеру и клиенту, а не кодеру.

И если внимательно прочитаете условие задачи, то увидите, что требование было не «сверстайте вот этот макет», а «решите такую-то проблему, абстрагировавшись от макета».

>как правильно и своевременно заметил — такую конструкцию достаточно сложно сгенерировать на стороне сервера
вставить логотип после первого пункта меню? это не сложнее вставки класса .first для первого элемента списка.

>То есть упрощая себе работу на клиенте, сильно усложняем ее на сервере
я бы не сказал, что прям таки сильно, во многих шаблонизаторах это стандартные функции. Также, этот вопрос легко решается через javascript.

>если в контексте меню с логотипом особых проблем не видно, то в других ситуациях, когда дело будет касаться, например, контента и бокового меню — проблемы точно возникнут
не возникнут – добавляем для второго элемента списка класс #logo, после чего мы можем исключить его в любом месте, к примеру, в боковом меню – .sidebar #logo { display: none; }.

для меня осталось загадкой возможность практического применения вставки пробела после картинки – с этого “трюка” мы ничего не получим. Изменится размер шрифта в меню или размер логотипа – придется подгонять отступы. Кроме этого, ваше решение имеет еще несколько существенных недостатков:

- текст первого пункта растягивается в левую сторону, это хорошо, когда логотип всегда должен быть на одном месте, и неприемлимо, когда отступ слева создает сетку – мы ее попросту нарушим. Решение совсем не годится, в случае, если отступа слева нет – его придется подбирать на глаз, команда поддержки сайта будет вынуждена постоянно вносить правки в css.

- в случае текста в две строки логотип и все остальные пункты меню останутся висеть на уровне первой строки, фактически, никакого вертикального выравнивания в вашем коде нет.

- размер картинки в вашем примере – 1 234б, ее можно сжать

расчитывал на более элегантное решение, а получил обыденные флоаты да абсолюты, скучно

и да, размещение логотипа после первого пункта меню – сомнительный дизайнерский ход.

>То есть упрощая себе работу на клиенте, сильно усложняем ее на сервере
я бы не сказал, что прям таки >сильноесли в контексте меню с логотипом особых проблем не видно, то в других ситуациях, когда дело будет касаться, например, контента и бокового меню — проблемы точно возникнут
не возникнут – добавляем для второго элемента списка класс #logo, после чего мы можем исключить его в любом месте, к примеру, в боковом меню – .sidebar #logo { display: none; }.

для меня осталось загадкой возможность практического применения вставки пробела после картинки – с этого “трюка” мы ничего не получим. Изменится размер шрифта в меню или размер логотипа – придется подгонять отступы. Кроме этого, ваше решение имеет еще несколько существенных недостатков:

- текст первого пункта растягивается в левую сторону, это хорошо, когда логотип всегда должен быть на одном месте, и неприемлимо, когда отступ слева создает сетку – мы ее попросту нарушим. Решение совсем не годится, в случае, если отступа слева нет – его придется подбирать на глаз, команда поддержки сайта будет вынуждена постоянно вносить правки в css.

- в случае текста в две строки логотип и все остальные пункты меню останутся висеть на уровне первой строки, фактически, никакого вертикального выравнивания в вашем коде нет.

- размер картинки в вашем примере – 1 234б, ее можно сжать

расчитывал на более элегантное решение, а получил обыденные флоаты да абсолюты, скучно

и да, размещение логотипа после первого пункта меню – сомнительный дизайнерский ход.