Форум программистов
 
Расширенный поиск
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

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

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

Excel VBA, CAD, Софт, ОС, Windows, Ubuntu, Android, VPS
Win Api, Assembler, C++, Java, Pascal, Lazarus, Delphi, OpenGL, DirectX
C#, Qt, .NET, ASP.NET, Windows Forms, ADO.NET, Framework, WPF, UWP, WinRT, XAML
HTML, CSS, JavaScript, Ajax, PHP, Perl, Python, Ruby, SQL, WordPress, API, XML, JSON, ActionScript, Flash

Ответ
 
Опции темы
Старый 07.01.2017, 01:48   #1
andrey33
Новичок
 
Регистрация: 07.01.2017
Сообщений: 1
Репутация: 10
По умолчанию как поместить кнопку в картинку

Код 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 Кб, 0 просмотров)
andrey33 вне форума   Ответить с цитированием
Старый 07.01.2017, 02:23   #2
Вадим Мошев
гигаМодератор :)
Заслуженный модератор
 
Аватар для Вадим Мошев
 
Регистрация: 12.11.2010
Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес: Адрес:
Сообщений: 7,052
Репутация: 3559
По умолчанию

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

Вадим верно глаголит.
__________________
ridero.ru — создайте настоящую книгу
Жду ваши искренние спасибы на яндекс-кошелек: 410011068154587
Naive вне форума   Ответить с цитированием
Ответ



Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как картинку из файла jpeg поместить в конкретную ячейку excel? cawendish Microsoft Office Excel 1 05.02.2015 01:25
как кнопку поменять на картинку неботан HTML и CSS 5 22.11.2009 00: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 14:11




07:24.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.

Покупайте на сайте www.skinon.ru уникальные чехлы и наклейки для телефонов.
купить трафик


как улучшить посещаемость, а также решения по монетизации сайтов, видео и приложений

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru