Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Webear
0 / 0 / 0
Регистрация: 07.09.2016
Сообщений: 4
1

Придание тегу Button нужной формы

07.09.2016, 09:00. Просмотров 308. Ответов 9
Метки нет (Все метки)

К слайдеру slick прикрутил кнопки перелистывания слайдов в формате png с прозрачным фоном, теперь встал вопрос подгона размера самой кнопки под границы изображения. Форма кнопок: Название: left.png
Просмотров: 39

Размер: 1.8 Кб и Название: right.png
Просмотров: 38

Размер: 2.1 Кб
Может кто подскажет как делать правильно?
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
07.09.2016, 09:00
Ответы с готовыми решениями:

Поиск по тегу
Я даже не знаю как правильно это называется?Поиск по тегу? или сортировка какая...

Уточнение по тегу <figure>
Переименовали тему в &quot;Оформить галерею картинок&quot;. И я решил задать вопрос: Этот...

Два вопроса по тегу body.
Здравствуйте, уважаемые форумчане! У меня два вопроса по тегу body. 1. Почему...

Современная альтернатива тегу <center>
Привет!!!!Есть вопросик : как отцентрировать текст в XHTML?свойство...

альтернатива тегу <a> для флешевых изображений?
Всем привет. Суть вопроса: Вставил на сайт флеш-изображение вот по этой...

9
Omion
184 / 50 / 11
Регистрация: 19.05.2015
Сообщений: 304
07.09.2016, 10:15 2
Положи свои пнг в два блока с одинаковыми свойствами. Один пнг в два блока. Вот тебе треугольник:
CSS
1
2
3
4
5
6
#triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 100px solid red; 
    border-left: 100px solid transparent;
}
P.S надеюсь смекнёшь как закрутить красиво и не через тег батона делай
0
Webear
0 / 0 / 0
Регистрация: 07.09.2016
Сообщений: 4
07.09.2016, 10:24  [ТС] 3
Цитата Сообщение от Omion Посмотреть сообщение
Положи свои пнг в два блока с одинаковыми свойствами. Один пнг в два блока. Вот тебе треугольник:
CSS
1
2
3
4
5
6
#triangle-bottomright {
    width: 0;
    height: 0;
    border-bottom: 100px solid red; 
    border-left: 100px solid transparent;
}
P.S надеюсь смекнёшь как закрутить красиво и не через тег батона делай
Делать просто в диве с классом, а потом просто ему свойства прописать при наведении и нажатии чтоб выглядело как кнопка?
0
Omion
184 / 50 / 11
Регистрация: 19.05.2015
Сообщений: 304
07.09.2016, 10:26 4
Webear, да попробуй. Можешь с тегом А попробовать. Просто передай ему поведение блока. Display: block; просто я кнопки делаю тегом "а". Дивы как кнопки не разу не закручивал)
1
Webear
0 / 0 / 0
Регистрация: 07.09.2016
Сообщений: 4
08.09.2016, 05:28  [ТС] 5
Добавлено через 18 часов 59 минут
Omion, сделал через тег а, но теперь при нажатии на кнопку перезагружается вся страница. В саму ссылку поставил заглушку #.
0
Omion
184 / 50 / 11
Регистрация: 19.05.2015
Сообщений: 304
08.09.2016, 10:33 6
надо в js прописать
Javascript
1
2
3
$('#my-id').click(function(){
return false;
});
попробуй так. Страничка должна перестать обновляться

Добавлено через 3 минуты
Webear, если хочешь чтоб кто-то конкретный обратил внимание нажми на его ник. Я бы просто не зашел и не увидел, что ты мне написал что-то.
0
boilzzz
Богатый духовно
453 / 260 / 145
Регистрация: 10.03.2015
Сообщений: 1,045
Завершенные тесты: 2
08.09.2016, 13:36 7
Omion, хм, сомнительное это действие подключать jq только ради выключения сслылки, есть специальный метод
Javascript
1
вашблок.preventDefault
0
Omion
184 / 50 / 11
Регистрация: 19.05.2015
Сообщений: 304
08.09.2016, 16:08 8
boilzzz, ты крут. Я не знал об этом)))
0
mrtoxas
Модератор
Эксперт HTML/CSS
2622 / 1935 / 1204
Регистрация: 12.07.2015
Сообщений: 5,163
Записей в блоге: 3
08.09.2016, 16:50 9
boilzzz, хм, сомнительное это действие, подключать js только ради выключения сслылки, есть специальный стиль
CSS
1
2
3
.block{
  pointer-events:none;
}
1
Omion
184 / 50 / 11
Регистрация: 19.05.2015
Сообщений: 304
09.09.2016, 10:40 10
mrtoxas, гений!!! Webear, я надеюсь ты запомнил!?. По тому что я запомнил.)
0
09.09.2016, 10:40
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.09.2016, 10:40

Можно как-то сделать перемешивание по тегу а?
Можно как-то сделать перемешивание по тегу а? То есть у меня такая штука...

Как прописать тегу a с CSS классом hover
Приветствую! подскажите пожалуйста: Есть CSS классы a:link, a:visited {...

Как задать каждому тегу <p> разный шрифт
Здорова всем! Если использовать тег &lt;p&gt; в разных частях сайта, а как задать...


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

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

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