borus Posted January 16, 2012 Report Share Posted January 16, 2012 ЗдравствуйтеЕсть задача вдоль рамки по внешнюю сторону от неё пустить орнамент на подобии такого:Посоветуйте, какое может быть решение?Благодарю Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted January 16, 2012 Report Share Posted January 16, 2012 Контент в обертку, обертке фоном этот орнамент и паддинги, на сколько и с какого края должен выступать этот орнамент. Это самый кроссбраузерный способ. Еще есть border-image. Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted January 16, 2012 Report Share Posted January 16, 2012 Одной оберткой, имхо, не отбиться. Кратность высоты контента высоте орнамента же не гарантирована, а сдвинутый орнамент у нижней границы - безобразие. И это не считая нетривиальностей при стыковке углов... Я бы посоветовал как раз взять border-image для нормальных браузеров, а старью оставить деградацию до обычного бордера (solid, dotted или double - по вкусу, я бы выбрал последнее). 1 Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted January 17, 2012 Report Share Posted January 17, 2012 Одной оберткой, имхо, не отбиться. Кратность высоты контента высоте орнамента же не гарантирована, а сдвинутый орнамент у нижней границы - безобразие. И это не считая нетривиальностей при стыковке углов... Я бы посоветовал как раз взять border-image для нормальных браузеров, а старью оставить деградацию до обычного бордера (solid, dotted или double - по вкусу, я бы выбрал последнее).А можно ещё прикалоться, растянуть пэ и пару других пустых элементов ровно по границам, абсолютом через top, bottom и rigth, left, а им уже ширину, высоту, фон границ. Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted January 17, 2012 Report Share Posted January 17, 2012 А можно ещё прикалоться, растянуть пэ и пару других пустых элементов ровно по границам, абсолютом через top, bottom и rigth, left, а им уже ширину, высоту, фон границ.Тогда и ПЭ не нужен и доп. элементы. Подойдет обычный множественный бэграунд, только заранее подготовить картинки надо. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted January 17, 2012 Report Share Posted January 17, 2012 А можно ещё прикалоться, растянуть пэ и пару других пустых элементов ровно по границам, абсолютом через top, bottom и rigth, left, а им уже ширину, высоту, фон границ.Тогда и ПЭ не нужен и доп. элементы. Подойдет обычный множественный бэграунд, только заранее подготовить картинки надо.Да, но это не будет пахать в старых ослах. Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted January 17, 2012 Report Share Posted January 17, 2012 Да, но это не будет пахать в старых ослах....border-image для нормальных браузеров, а старью оставить деградацию до обычного бордера. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted January 17, 2012 Report Share Posted January 17, 2012 Да, но это не будет пахать в старых ослах....border-image для нормальных браузеров, а старью оставить деградацию до обычного бордера. Quote Link to comment Share on other sites More sharing options...
0 Softlink Posted January 17, 2012 Report Share Posted January 17, 2012 Макс, хорошая тема для статьи. Вопрос частый, вариантов несколько, полезно будет, имхо. Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted January 17, 2012 Report Share Posted January 17, 2012 Макс, хорошая тема для статьи. Вопрос частый, вариантов несколько, полезно будет, имхо.Спасибо за идею, Шурик. Возьму на заметку. Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted January 17, 2012 Report Share Posted January 17, 2012 Для IE8 еще можно выкрутиться двумя ПЭ и двумя фонами. Но проблему красивой стыковки углов это (в отличие от border-image), увы, не решает... Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted January 17, 2012 Report Share Posted January 17, 2012 Для IE8 еще можно выкрутиться двумя ПЭ и двумя фонами. Но проблему красивой стыковки углов это (в отличие от border-image), увы, не решает...Нихрена себе, выкрутился)) Какой ценой! Quote Link to comment Share on other sites More sharing options...
0 borus Posted January 17, 2012 Author Report Share Posted January 17, 2012 Что такое ПЭ? Quote Link to comment Share on other sites More sharing options...
0 SelenIT Posted January 17, 2012 Report Share Posted January 17, 2012 Псевдоэлемент. Quote Link to comment Share on other sites More sharing options...
0 borus Posted July 3, 2012 Author Report Share Posted July 3, 2012 (edited) Контент в обертку, обертке фоном этот орнамент и паддинги, на сколько и с какого края должен выступать этот орнамент. Это самый кроссбраузерный способ. Еще есть border-image.дошел до кондиции. попробовал применить рамку с помощью border-image к wrapper. Вот. Не пойму как правильно его применить. не получается чётких стыков в левом и правом верхних углах. наверно ширину и высоту изображения надо было делать кратным 3? Edited July 3, 2012 by borus Quote Link to comment Share on other sites More sharing options...
Question
borus
Здравствуйте
Есть задача вдоль рамки по внешнюю сторону от неё пустить орнамент на подобии такого:
Посоветуйте, какое может быть решение?
Благодарю
Link to comment
Share on other sites
14 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.