Стоит задача заключить компаненты (новостные блоки, поиск, галерею)в красивые рамки со скругленными углами. Не могу разобраться как это сделать. Реально ли?
18.03.2010 15:05:59
Стоит задача заключить компаненты (новостные блоки, поиск, галерею)в красивые рамки со скругленными углами. Не могу разобраться как это сделать. Реально ли?
|
|
|
|
19.03.2010 09:21:58
А есть ещё неплохой вариант - скрипт ShadedBorder - маленький, умеет закруглять углы, делать тени, подсветку.
|
|
|
|
19.03.2010 09:32:35
Если предполагается авторесайз по вертикали и совместимость с ИЕ, то лучше заключать компонент в таблицу из 9 ячеек, центральная которой будет контентом, а остальные 8 - рамкой.
Экс-битриксоид.
Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90). |
|
|
|
19.03.2010 11:04:55
|
|||
|
|
19.03.2010 11:21:10
Как в этих дивах привязаны картинки углов и рамок?
Или дайте пожалуйста пример, если можно.
Экс-битриксоид.
Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90). |
|
|
|
19.03.2010 20:29:49
Рамка состоит из трех частей: 1. фон растянутый по вертикали (background:url(_картинка_) repeat-y top left) 2. Полоска сверху с закруглениями (background:url(_картинка_) no-repeat top left) 3. Полоска снизу с закруглениями (background:url(_картинка_) no-repeat bottom left) внутреннему диву задаем необходимые отступы (padding:5px) Вертикаль масштабируется по контенту. Работает отлично везде, включая IE6 Учитывая, что рамки в png весят "копейки" можно обойтись двумя дивами (верхний и нихний), просто с запасом взять края |
|||
|
|
20.03.2010 19:12:38
Есть и несложные плагины jquery для решения этой задачи.
Видел недавно на сайте jquery.
мои проекты:
|
|
|
|
21.03.2010 00:13:51
|
|||
|
|
22.03.2010 09:51:50
Павел, оно при этом не ресайзится по горизонтали
Я думал, есть решение на трех дивах для произвольного ресайза и по вертикали и по горизонтали на дивах, аналогично таблице из 9 ячеек.
Экс-битриксоид.
Компонент (и.с.) - существительное мужского рода (ГОСТ 34.003-90). |
||||
|
|
|||