X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать border image у дива?, Нужна помощь
Reynold
Reynold
Topic Starter сообщение 27.10.2013, 16:34; Ответить: Reynold
Сообщение #1


Бывалый
****

Группа: User
Сообщений: 256
Регистрация: 10.10.2012
Поблагодарили: 35 раз
Репутация:   12  


На скрине показал как должно быть. есть див контента, слева, снизу, справа нужно приклеить разные картинки, причем срепитить их по длине (размер у них 20х20). Как это реализовать?

0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
workforpills
workforpills
сообщение 27.10.2013, 17:25; Ответить: workforpills
Сообщение #2


Завсегдатай
*****

Группа: Active User
Сообщений: 665
Регистрация: 17.1.2011
Из: Крым
Поблагодарили: 378 раз
Репутация:   60  


Reynold, CSS3? border-image
ну и наверное добавить border-top:none;

или картинки нужны разные для каждой из сторон?


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Reynold
Reynold
Topic Starter сообщение 27.10.2013, 18:24; Ответить: Reynold
Сообщение #3


Бывалый
****

Группа: User
Сообщений: 256
Регистрация: 10.10.2012
Поблагодарили: 35 раз
Репутация:   12  


(workforpills @ 27.10.2013, 17:25) *
или картинки нужны разные для каждой из сторон?

разные. пущай left_border.png , bottom_border.png , right_border.png

и еще, бордер должен быть за дивом, так как у дива свой цвет, а у картинки бордера полупрозрачность, он должен быть на фоне а не на диве. так можно сделать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
rjksdfhe
rjksdfhe
сообщение 27.10.2013, 18:37; Ответить: rjksdfhe
Сообщение #4


Straight arms
*******

Группа: Active User
Сообщений: 2760
Регистрация: 21.4.2009
Из: Мытищи, МО, РФ
Поблагодарили: 1111 раз
Репутация:   163  


Тут универсального решения нет.
Разбивайте все прямоугольники на абсолютное позиционирование, и подкладывайте им фон и opacity - каждому свой.
(Reynold @ 27.10.2013, 18:24) *
а у картинки бордера полупрозрачность

Это именно и проблема.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Reynold
Reynold
Topic Starter сообщение 27.10.2013, 19:38; Ответить: Reynold
Сообщение #5


Бывалый
****

Группа: User
Сообщений: 256
Регистрация: 10.10.2012
Поблагодарили: 35 раз
Репутация:   12  


(rjksdfhe @ 27.10.2013, 18:37) *
opacity - каждому свой.

opacity он же весь объект задевает. мне нужны только бордеры.
наверное я не так сказал, у самих картинок не надо изменять прозрачность. это у них уже есть. нужно чтобы бордеры эти были за блоком, как бы обтекали его, а не поверх него. (просто если поверх него, то выглядит страшно, так как бордеры с прозрачностью, и проскакивает цвет дива).

(rjksdfhe @ 27.10.2013, 18:37) *
Разбивайте все прямоугольники на абсолютное позиционирование, и подкладывайте им фон


что тогда получится? фон бордера 20х20. его надо срепитить, так как длина дива может быть 200 пикселей, а может быть 1000.

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как защитить свои данные в общественном Wi-Fi?
6 unazekoff 265 Вчера, 23:51
автор: rty9000
Открытая тема (нет новых ответов) Как раскрутить городской портал с помощью вирусной рекламы?
9 Wolfhound 836 Вчера, 23:42
автор: mherter
Открытая тема (нет новых ответов) Как использовать показатель SERP impressions из Яндекс.Вебмастера для анализа изменений в ранжировании
alexeytrudov.com - персональный блог SEO-аналитика
0 Luden 290 Вчера, 21:39
автор: Luden
Открытая тема (нет новых ответов) Плагин Caldera Forms, как настроить?
4 Drayfer 311 Вчера, 15:01
автор: Drayfer
Открытая тема (нет новых ответов) РСЯ, директ и лендинг как увеличить конверсию
5 artstyle 1235 Вчера, 11:11
автор: про100та


 



RSS Текстовая версия Сейчас: 23.5.2018, 7:53
Дизайн