Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 07.01.2017, 00:48   #1
andrey33
Новичок
Джуниор
 
Регистрация: 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>
Изображения
Тип файла: jpg пав.jpg (71.4 Кб, 126 просмотров)
andrey33 вне форума Ответить с цитированием
Старый 07.01.2017, 01:23   #2
Вадим Мошев

Старожил
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Сообщений: 8,568
По умолчанию

Вы про кнопку "Начать экономить"?
Я бы посоветовал сделать вообще так.
1. Подготовить себе картинку этого баннера (слева от текста), НО БЕЗ КНОПКИ.
2. Вместо этого баннера сделать div с теми же размерами и фоновым изображением из пункта 1.
3. Сделать внутри внутри этого блока эту кнопку и задать её расположение с помощью margin
Вадим Мошев вне форума Ответить с цитированием
Старый 07.01.2017, 14:57   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Вадим верно глаголит.
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как картинку из файла 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