gordi

Примеров на trifler blog по теме масса, но поищите поиском по блогу. На вскидку, хотя бы такой

Тени изначально не планировались. Задача состояла в том, чтобы представленные примеры имели минимум графики, разметки и css.

У меня сложные отношения с графикой Цветные мультяшки нужны только пионерам По настоящему круто - минимум средств, любых, максимум результата.

20 кило круто

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

У меня нет проблем со спрайтами, если можно обойтись без них то я так и делаю. Время изготовления графики 1 минута, без всякой последующей правки Результаты представлены

1) Предпочитаю делать как можно проще, в моем случае проще вырезать одно из другого, это куда проще чем делать спрайты или ты до сих пор этого не понял 2) Читаем внимательно пункт № 1

То что ты предложил меня не устраивает, много файлов графики, сложность изготовления спрайта и т.д.и т.п. Сделай min/max-width, что ли надоело такое смотреть

Думаю хватит меряться, кто выше на стенку... В конечном итоге мне нужно было сделать такое и своей цели добился, будете ли вы использовать мой метод или нет решать только вам. Графика понятно совершенно другая, в этом случае взята из моего примера № 2 На все про все два файла графики, весом чуть более 1кб. Критиковать верстку и стили не надо, все еще доводится до ума Просто пример. Если кто-то предложит более простое решений с благодарностью воспользуюсь

Сделал молодец Теперь смотрим, как рисуется твой спрайт внизу opera

Зачем? Что бы убедить вас в том что мой метод работает? Мне это и так понятно А у вас есть сомнения?

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

Если вопрос ко мне, то сделал бы так. Вашу картинку сделал необходимой ширины и минимальной высоты. Вырезал центральную часть узкой полоской высотой 1-2px И задавая высоту в соотвествуюших местах в таблице стилей, поднимая или опуская графику (+ или -) Решил бы проблему в полном соотвествии с моим методом. Вопрос бы поставил по иному. Как проще сделать графику. Рисовать спрайт (для многих это не просто) ли использовать всего два файла с простой вырезкой одного из другого? На практике мой вариант экономически более оправдан.

Выложил обновленный пример - test Размер основного файла графики - 3000*36 (вес 775 б) [полностью данная графика используется одним файлом под горизонтальное меню]. Вырезанной части - 3000*9 (вес 288 б) Совокупный вес - 1063 б Что в принципе можно уменьшить. Разметка таже, никаких дополнительных контейнеров нет. Тестируем, высказываем замечания.

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

Покажи свой вариант. Посчитаем количество элементов. Количество строк таблицы стилей. Вес графики. Если я сделаю основной файл гарфики по ширине больше 2000px она будет весить чуть больше 1кб. Про вырезку не говорю, там вообще мизер получиться. А как у тебя?

Вот и покажи свое решение, пока только одни слова, что мое болото лучше Что конкретно не устраиваетв моем методе? Или есть иные причины столь бурного не приятия?

Качество, как раз и предполагает минимум средств в достижении цели. Чем меньше сущностей, тем меньше вероятность поломки или не правильного поведения сущностей.

Пару элементов Зачем плодить лишние сущности, когда и так все работает. Принцип - "необходимо и достаточно", главная заповедь web-верстальщика

А как иначе Есть много других способов решить проблему, то у них свои подводные камни К примеру позиционирование 4 уголков: 1. Точность нарезки 2. Состыковка 3. Если нужна картинка с градиентом сразу море проблем 4. и т.д. и т.п. Мой метод проще, к тому же по весу графики, по html-коду и стилям, более экономичный.

А я выше ответил

О чем это? И чему там ломаться

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

Часто верстальщики сталкиваются с проблемой – необходимо сделать графический блок, в котором может находиться любой контент, с возможностью его растягивания, как по высоте, так и по ширине. Предлагаю простой метод решения данной проблемы. На все про все два файла графики Статья Пример

Сделать скролы видимыми, нет проблем