Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.80/5: Рейтинг темы: голосов - 5, средняя оценка - 4.80
konorw
18 / 18 / 11
Регистрация: 15.11.2014
Сообщений: 164
#1

Сделать кнопку из частей картинки

11.06.2015, 22:17. Просмотров 869. Ответов 1
Метки нет (Все метки)

Ребят смотрите нада зделать стиль для кнопки который делаетса из 3 картинок
Сами картинки на скрине
http://bymas.ru/files/forum/1/25790_.png
И вот вчем проблема при создании в таком варианте
CSS
1
2
3
.button{
background: url('top.gif') repeat-x,  url('left.gif') no-repeat 0% 0%, url('left.gif') no-repeat 100% 0%;
}
тогда картинку top.gif видно под прозрачными частями right и left
Я видел чтоб такого небыло делают 3 оддельных дива но негде не могу пример найти!
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.06.2015, 22:17
Ответы с готовыми решениями:

Сделать кнопку из картинки
День добрый! Не получается сделать Кнопку из картинки, хочется чтобы когда...

Подсветка определенных частей картинки при наведении
Предположим есть такая вот картинка Как сделать чтобы при наведении мышки на...

Как сделать, что бы картинка собиралась из разных частей (картинок)
Совсем не понятно как сделать что бы картинки накладывались на сайте друг на...

Как выровнять кнопку относительно картинки?
Доброго времени суток , помогите как выровнять кнопку добавить в корзину...

Сделать кнопку неактивной
У меня есть кнопка "Отправить" и чекбокс. Как сделать, чтобы пока на чекбоксе...

1
Academik
653 / 435 / 169
Регистрация: 04.04.2013
Сообщений: 1,900
12.06.2015, 03:59 #2
Лучший ответ Сообщение было отмечено konorw как решение

Решение

Цитата Сообщение от konorw Посмотреть сообщение
Я видел чтоб такого небыло делают 3 оддельных дива но негде не могу пример найти!
Безобразный способ конечно, но имеет право на жизнь:
CSS
1
2
3
.left{background: url('left.gif') left top no-repeat; padding: 0 0 0 20px; /*Ширина картинки*/}
.right{background: url('right.gif') right top no-repeat; padding: 0 20px 0 0; /*Ширина картинки*/}
.center{background: url('top.gif') top repeat-x;}
HTML5
1
2
3
4
5
<div class="left">
    <div class="right">
        <div class="center">Кнопка</div>
    </div>
</div>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
12.06.2015, 03:59

Помогите сделать Кнопку
Здраствуйте, мне нужен тег (или способ) для отображения на сайте кнопки. ...

Сделать кнопку ссылкой
&lt;input name=&quot;exit&quot; type=&quot;button&quot; value=&quot;выход&quot; /&gt; как сделать эту кнопку...

Сделать из блока кнопку
Нужен код где div это кнопка ссылка Я раньше где-то был нашел, а щяс не могу...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru