Язык
Контакты
GitHub
Поддержка
Регистрация
Войти
Логин: Пароль: Запомнить:
Пользователи
Последние сообщения
Тема закрыта
1

Border-image

LIFE-STALKER

  • Истенный Атомовод
  • Юзер
  • 363
  • Репутация:6 
  • Предупреждения: 0 
  • Регистрация:
    25 Июн 2011
#1
Здравствуйте Уважаемые форумчане.
Возникла проблема с border- image

Необходимо сделать div который будет со всех сторон окружен картинкой.
Использую такой код

-moz-border-image: url(border-image-bottom.gif) 30 round round;
-webkit-border-image: url(border-image-bottom.gif) 30 round round;
-o-border-image: url(border-image-bottom.gif) 30 round round;
border-image: url(border-image-bottom.gif) 30 round round;

Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить?
Ссылка на пример http://jsfiddle.net/Q4xDQ/

Сашка_из_Шебекино

  • Заклинатель Атома
  • Пользователь
  • 1803
  • Репутация:87 
  • Предупреждения: 0 
  • Регистрация:
    27 Мар 2011
#2
http://www.css3.info/preview/border-image/
Посмотри тут. Я с border-image не работал, но мне кажется, что тебе надо сделать изображение не в формате 609х3, а квадратное.

Добавлено2011.11.19 21-46

Я это понимаю так: квадратное изображение режется на 9 частей и они показываются в соответствующих местах на блоке.

ARMI

  • Заклинатель Атома
  • Пользователь
  • 1858
  • Репутация:46 
  • Предупреждения: 0 
  • Регистрация:
    4 Янв 2011
#3
LIFE-STALKER, а можно поиздеваться и сделать html таблицей

Я горжусь тем, что помогаю в развитии бесплатной CMS - AtomX

LIFE-STALKER

  • Истенный Атомовод
  • Юзер
  • 363
  • Репутация:6 
  • Предупреждения: 0 
  • Регистрация:
    25 Июн 2011
#4
проблема решена

ARMI

  • Заклинатель Атома
  • Пользователь
  • 1858
  • Репутация:46 
  • Предупреждения: 0 
  • Регистрация:
    4 Янв 2011
#5
Закрываю

Я горжусь тем, что помогаю в развитии бесплатной CMS - AtomX
1
Сейчас online: 37. Зарегистрированных: 1. Гостей: 36.