|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
07.01.2017, 00:48 | #1 |
Новичок
Джуниор
Регистрация: 07.01.2017
Сообщений: 1
|
как поместить кнопку в картинку
Код HTML:
article{ max-width:1000px; margin:0 auto; padding: 50px 20px; background: #fff; } article>h1{ font-size: 3em; text-align: center; margin-bottom: 25px; } article>h2{ font-size: 1.8em; text-align: center; margin-bottom: 25px; } article>h3{ font-size: 1.5em; text-align: left; margin-bottom: 25px; margin-top: 20px; } article>p{ line-height:1.5em;margin-bottom: 25px; } article>img{ float:left; } article>ul{ float:top; } article>h4{ font-size: 2em; text-align: center; margin-bottom: 20px; margin-top: 100px; } .imgleft{ float:left; margin: 0px 30px 20px 0; } Код HTML:
<article class="cashback"> <h1>Полезные ссылки:</h1> <div class="wrap"> <a href="https://cashback.epn.bz/ru/?inviter=te74jb"> <img class="imgleft" src="images/PcH4PjfUbC2I.jpg" alt="начать экономить" > </a> <button> Нажми еуу </button> </div> <h2>Lety shops</h2> <p class="description">Сервис letyshops является лучшим проектом для покупок в интернете в более чем 800 магазинах собранных в одном месте и в связи с этим отпадает необходимость регистрации на многих ресурсах. На нём представлены только лучшие магазины для совершения покупок. Войдя в свой аккаунт Вы выбираете нужный Вам магазин и выбрав товар совершаете заказ. После оформления заказа Вам мгновенно начисляется кэшбэк и он попадает в категорию В ожидании. После того, как заказ оплачен и подтверждён Ваш кэшбэк переводится на баланс.</p> <h3>Выгоды:</h3> <ul class="description"> <li>- Сервис сотрудничает более с чем 800 онлайн-магазинами, который включает самые популярные из них: ЮЛМАРТ, Aliexpress, СпортМастер, М.Видео, Asos, La Redoute, Лабиринт и многие другие;</li> <li>- Возможность получить кэшбэк до 30%;</li> <li>- Проводимые на постоянной основе акции дают возможность увеличивать кэшбэк в два раза и получать уникальные промокоды для покупок, а также участвовать в розыгрыше призов;</li> <li>- Возможность онлайн-подсчета годовой экономии при покупках используя кэшбэк-сервис;</li> <li>- Если клиент выкупает только часть товара, то он имеет возможность возврата не израсходованных средств;</li> <li>- Возможность получить премиум аккаунт, позволяющий получать повышенный кэшбэк с каждой покупки;</li> <li>- У каждого пользователя, есть уникальная возможность использовать кэшбэк-сервис - Lety-коды. Если назвать своими словами, то это промокоды дающие возможность увеличить кэшбэк. тем самым больше возвратить от затраченной суммы на покупку себе на счёт;</li> <li>- Вывод на: банковские карты, мобильный телефон, Webmoney, Yandex.Деньги, Qiwi, Paypal.</li> </ul> <p>При регистрации указывайте правдивые данные, что бы у Вас не возникло проблем в будущем с выводом.</p> |
07.01.2017, 01:23 | #2 |
Старожил
Регистрация: 12.11.2010
Сообщений: 8,568
|
Вы про кнопку "Начать экономить"?
Я бы посоветовал сделать вообще так. 1. Подготовить себе картинку этого баннера (слева от текста), НО БЕЗ КНОПКИ. 2. Вместо этого баннера сделать div с теми же размерами и фоновым изображением из пункта 1. 3. Сделать внутри внутри этого блока эту кнопку и задать её расположение с помощью margin |
07.01.2017, 14:57 | #3 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
Вадим верно глаголит.
Alar, верни репу!
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как картинку из файла jpeg поместить в конкретную ячейку excel? | cawendish | Microsoft Office Excel | 1 | 05.02.2015 00:25 |
как кнопку поменять на картинку | неботан | HTML и CSS | 5 | 21.11.2009 23:23 |
Как поместить в кнопку ссылку ? | Diman2008 | HTML и CSS | 2 | 16.10.2008 15:52 |
Привет. Может кто знает как поместить картинку в <TEXTAREA>? | nikleb | HTML и CSS | 4 | 03.07.2008 18:48 |
Как на кнопку добавить картинку? | xTANATOSx | Общие вопросы Delphi | 3 | 05.11.2007 13:11 |