Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Другие темы раздела
HTML, CSS Вывести div равномерно по ширине, Bootsrap https://www.cyberforum.ru/ html/ thread1897088.html
Есть список тегов в виде <div><p>Тег</p></div> Как можно равномерно по ширине заполнить тегами внешний div, чтобы при изменении размера блоки с тегами перестраивались под ширину?
HTML, CSS Макет со скошенным фоном у блоков
Добрый день! Есть задача верстки макета со скошенным, кривым, фоном у блоков. Вариантов реализации несколько - rotate самого фона, заливка :befohe и :after в виде треугольников у каждого блока или...
HTML, CSS Не получается правильно выстроить товар в каталоге
Добрый вечер! Верстаю интернет-магазин. Нужно выровнить блоки. Использую Flex боксы. Не могу понять как выровнить их праильно вот так: я выбираю для равномерного распределения вот такие...
HTML, CSS Одинаковый отступ для блоков Добрый день уважаемые. Столкнулся с непониманием этапа верстки подскажите, как решить. Есть большой див 1000х1000рх. В нём должно содержатся 9 блоков равно удаленных друг от друга и от границ... https://www.cyberforum.ru/ html/ thread1897024.html
HTML, CSS Плывет текст при увеличение масштаба экрана https://www.cyberforum.ru/ html/ thread1896897.html
Всем доброго времени суток! Есть сайт narastitresnicy(точка)ru. В нижней части экрана (футере) есть картинка и текст del (смотреть только на главной странице сайта, так как на других страницах...
HTML, CSS Text-decoration и вложенность тэгов
div.ws {color:#000000; text-decoration:underline} .ws a {text-decoration:none; color:#FF0000} <div class="ws"> <h3>Влияние лунного света</h3> <p><a href="pages/mont/vk.html">на рост...
HTML, CSS Убрать фон под плавающим элементом
<div class="sidebar"></div> <h1 class="header"></h1> .header { height: 100px; background: red; } .sidebar { width: 35%; height: 300px;
HTML, CSS Upload file срабатывал на весь блок Как сделать чтобы кликнув в поле ниже указаного контента срабатывал input upload file? <div class="imageUserBlock"> <div id="child-imagePreview"> ... https://www.cyberforum.ru/ html/ thread1896750.html
HTML, CSS Выровнять кнопки внутри класса по горизонтали https://www.cyberforum.ru/ html/ thread1896702.html
Всем хорошего времени суток, создал в div class 4 кнопки, но они все выстроились по горизонтали, подскажите пожалуйста как их выстроить по горизонтали <div class="col-lg-8 col-md-8 col-sm-6...
HTML, CSS В footer не оторажаеться часть верстки Добрый день, пытаюсь отредактировать footer на сайте ссылка вот код <footer> <div class="footer-left"> <div class="footer-price"> <h4>УСЛУГИ</h4> <ul... https://www.cyberforum.ru/ html/ thread1896698.html
0 / 0 / 0
Регистрация: 16.12.2016
Сообщений: 40
0

Расположение статей

09.01.2017, 23:41. Показов 306. Ответов 2
Метки (Все метки)

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<article class="cashback">
                  
         
         <a href="https://letyshops.ru/soc/vk-1?r=1421615"><img class="imgleft" src="images/PcH4PjfUbыCI.jpg" alt="" ></a>
         
         <h1><a href="https://letyshops.ru/soc/vk-1?r=1421615">Lety shops</a></h1>
          
         <p class="description">Сервис letyshops является лучшим проектом для покупок в интернете в более чем 800 магазинах собранных в одном месте и в связи с этим отпадает необходимость регистрации на многих ресурсах. На нём представлены только лучшие магазины для совершения покупок. Войдя в свой аккаунт Вы выбираете нужный Вам магазин и выбрав товар совершаете заказ. После оформления заказа Вам мгновенно начисляется кэшбэк и он попадает в категорию В ожидании. После того, как заказ оплачен и подтверждён Ваш кэшбэк переводится на баланс.</p>
 
         <p>Выгоды:<p>
          
         <ul class="description">
 
            <li>Сервис сотрудничает более с чем 800 онлайн-магазинами, который включает самые популярные из них: ЮЛМАРТ, Aliexpress, СпортМастер, М.Видео, Asos, La Redoute, Лабиринт и многие другие;</li>
            <li>Возможность получить <b>кэшбэк до 30%</b>;</li>
            <li>Проводимые на постоянной основе акции дают возможность увеличивать кэшбэк в два раза и получать уникальные промокоды для покупок, а также участвовать в розыгрыше призов;</li>
            <li>Возможность онлайн-подсчета годовой экономии при покупках используя кэшбэк-сервис;</li>
            <li>Если клиент выкупает только часть товара, то он имеет возможность возврата не израсходованных средств;</li>
            <li>Возможность получить премиум аккаунт, позволяющий получать повышенный кэшбэк с каждой <i>покупки</i>;</li>
            <li>У каждого пользователя, есть уникальная возможность использовать кэшбэк-сервис - Lety-коды. Если назвать своими словами, то это промокоды дающие возможность увеличить кэшбэк. тем самым больше возвратить от затраченной суммы на покупку себе на счёт;</li>
            <li>Вывод на: банковские карты, мобильный телефон, Webmoney, Yandex.Деньги, Qiwi, Paypal.</li>
         </ul>
 
             <p>При регистрации указывайте правдивые данные, что бы у Вас не возникло проблем в будущем с выводом.</p>
             
              <a href="https://letyshops.ru/soc/vk-1?r=1421615" class="econom-lnk">Начать экономить</a>
          
         <h2>epn.bz</h2>
         
         <img class="imgleft" src="images/go.jpg" alt="">
         
         <p>
             
             
             <ul class="description">
 
                 <li> Только у нас от 7% до 18% кэшбэка в магазине AliExpress и самые высокие ставки на рынке в магазинах-партнерах!</li>
                 <li> Получайте деньги сразу</li>
                 <li> Заказывайте выплату сразу после подтверждения получения товара и получайте деньги на свой счет в течение 5 ти минут!</li>
                 <li> Удобный вывод</li>
                 <li> Выводите без комиссии</li>
                 <li> любым удобным для Вас способом.</li>
                 <li> Минимальная сумма вывода всего 0,2$!</li>
                 <li> Доступен вывод в долларах!</li>
                 <li> Покупайте товары в любимых магазинах и получайте кэшбэк!</li>            
                 <li> Cashback (кэшбэк) дословно переводится как "возврат денег".</li>
                 <li> Кэшбэк на интернет-<i>покупки</i> позволяет получать назад часть денег, которые Вы обычно тратите в Интернете.</li>
             </ul>
            
            <a href="http://epngo.bz/cashback_index/te74jb" class="econom-lnk">перейти к покупкам</a>
            
            
        </p>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
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: 3em; text-align: center; margin-bottom: 25px;
    
    }
    
    article>h3{
         font-size:3em;  margin-top: 20px; text-align: center;margin-bottom: 20px;
    
    }
    
    article>h4{
         font-size: 2em; text-align: center; margin-bottom: 20px; margin-top: 70px;
    
    }
    
    article>h5{
         font-size: 3em; text-align: center; margin-bottom: 20px; margin-top: 70px;
    
    }
    
    article>h6{
         font-size: 3em; text-align: center; margin-bottom: 20px; margin-top: 70px;
    
    }
 
    article>p{
         line-height:1.5em;margin-bottom: 25px;
        
    }
    
          
    
    
                        
    .imgleft{
        float:left; margin: 0px 30px 20px 0;
    }
    
    .econom-lnk{
         display: inline-block;
         width:300px;
         height: 100px;
         background: -webkit-linear-gradient(top, rgba(37,188,241,1) 0%,rgba(25,161,219,1) 100%);
         background: linear-gradient(to bottom, rgba(37,188,241,1) 0%,rgba(25,161,219,1) 100%);
         border-radius:30px/50px;
         text-align:center;
         line-height: 100px;
         font-size:28px;
         text-decoration:none;         
        
         box-shadow: 0 10px 0 #086f94;
         margin-bottom:40px;margin-top:20px;
    }
    
     .econom-lnk:visited {
         color: #fff;
         text-decoration: none;
     }
     .econom-lnk:hover,
     .econom-lnk:active,

я хочу вот эти две статьи сделать не последовательно идущими друг за другом ,а как бы спарить их ну т.е по одной ширине чтобы шли две ,вот эти первые ,можете чем нибудь подсказать?

Вернуться к обсуждению:
Расположение статей
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Миниатюры
Расположение статей   Расположение статей  
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.01.2017, 23:41
Готовые ответы и решения:

добавление статей на сайт
Здравствуйте!!! Подскажите пожалуйста, на сайт нужно добавлять статьи. Есть ли такая...

Автоматический перенос статей
Добрый день. Есть главная страничка, на ней примерно 15 записей(статей). Хочу сделать, что при...

Открытие статей в модальных окнах
Подскажите код, который будет выводить каждую статью в модальное окно. То есть у меня cms, но...

Красивый блок для статей
Приветствую всех. Хочу на сайте разместить блок со статьями. Картинка и рядом описание статьи...

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