Комментарии на: Универсальный способ декорирования блоков

От: Fleur

Fleur — Sat, 24 Sep 2011 18:09:27 +0000

Спасибо!

От: Артём

Артём — Wed, 23 Feb 2011 05:40:30 +0000

Использую этот способ для верстки выпадающего меню. Вместо P в примере Сергея у меня UL.

В IE7 некорректно работает. Если не укажешь у .d-shadow-warp свойство background с цветом спрайта, то на этом месте он не отображается. Края картинок слева, справа и снизу есть. А в центре пустое место с элементами меню.
Но и при моем своеобразном хаке есть минус – тени сверху не будет.

А в IE6 словно принудительно включено у .d-shadow-warp свойство width:100%. То есть ширина каждого выпадающего меню становится равной ширине самого большого из них. А мне надо, чтобы ширина была по контенту.

Как можно побороть эти проблемы?
Буду очень признателен за любую помощь =)

От: Игорь

Игорь — Thu, 02 Dec 2010 15:53:27 +0000

А у меня такая проблема, всё работает нормально кроме как в IE, вот ссылка для наглядности (http://www.goodnet.ru/?/goodnet/outsourcing/it-infra), верстаю недавно, так что проблема может быть тривиальной.

От: Евгений Самсонов

Евгений Самсонов — Wed, 01 Dec 2010 08:03:28 +0000

Илья, здесь хорошо описано:
http://chikuyonok.ru/2009/03/photoshop-for-webdevs-2/

От: Илья

Илья — Wed, 01 Dec 2010 07:30:41 +0000

Сергей, а подскажи, каким образом ты делаешь подобные спрайты? Я до сих пор делаю их руками в фотошопе. То есть полностью руками.

От: Сергей Чикуенок

Сергей Чикуенок — Wed, 06 Oct 2010 13:07:59 +0000

у jquery.animate есть одна неприятная особенность: постоянно жёстко включается overflow: hidden. Поэтому лично я редко использую jquery для анимации

От: Санек

Санек — Wed, 06 Oct 2010 12:34:31 +0000

Эх. Вообще очень круто. Но вот если этот самый блок заставить расширяться jquery animate то в момент движения все эти тени отображаться не будут =( Как вот с этим-то бороться?

От: Лев

Лев — Wed, 05 May 2010 10:28:06 +0000

Лично мне нравятся вот эти примеры – нет картинок – к сожалению, есть жаба

ruzee borders – http://lev19888.narod.ru/10.html
http://lev19888.narod.ru/11.html

От: Андрей

Андрей — Tue, 20 Apr 2010 22:52:57 +0000

Сергей, очень понравился ваш пример, начал с ним разбираться и в процессе заметил, что при масштабировании в нижнем правом углу появляется зазор.

От: GreLI

GreLI — Mon, 19 Apr 2010 11:28:03 +0000

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