Форум программистов, компьютерный форум, киберфорум
Наши страницы

HTML, CSS

Войти
Регистрация
Восстановить пароль
 
konorw
18 / 18 / 5
Регистрация: 15.11.2014
Сообщений: 164
#1

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

11.06.2015, 22:17. Просмотров 357. Ответов 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
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
11.06.2015, 22:17
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Сделать кнопку из частей картинки (HTML, CSS):

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

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

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

Сделать кнопку ссылкой - HTML, CSS
<input name="exit" type="button" value="выход" /> как сделать эту кнопку ссылкой на google.com?

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

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

1
Mr Coder
365 / 365 / 82
Регистрация: 04.04.2013
Сообщений: 1,568
12.06.2015, 03:59 #2
Цитата Сообщение от 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
Привет! Вот еще темы с ответами:

Как сделать кнопку??? - HTML, CSS
В смылсе как вставить нарисованную кнопку в фотошопе??? Помогите, пожалуйста!!!

Помогите сделать Кнопку - HTML, CSS
Здраствуйте, мне нужен тег (или способ) для отображения на сайте кнопки. Кнопка состоит из 3 - х частей (в покое/под мышкой/нажата). ...

Как сделать такую кнопку - HTML, CSS
Кто разбирается в css помогите! Задача - нарисовать такую вот стрелку: У меня получается вот такая: Как сделать острые углы у...

Как сделать кнопку активной - HTML, CSS
Как сделать кнопку активной? вот код моей задуманной кнопки &lt;a href=&quot;Книга.html&quot; ...


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

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

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