Иконки социальных сетей

  • 1 Ответов
  • 923 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

Иконки социальных сетей
« : 12.03.2015, 17:25:02 »
Добрый день форумчане! Верстаю свою шаблон, я еще не очень силен в CSS.
Столкнулся с глобальной проблемой, не могу прикрутить соц. кнопки (пытаюсь сделать без сторонних плагинов, сервисов, модулей и т.д.)

Суть простая: картинка соц.сети, она же ссылка в группу. Со счетчиками, лайками и репостами разберемся позжее...

Собственно код:

<div class="col-sm-4">
<ul class="footer-social">
<li>
<a class="footer-social_vk" href="http://vk.com"></a>
</li>
<li>
<a class="footer-social_tw" href="https://twitter.com/"></a>
</li>
</ul>
</div>

Код: (css) [Выделить]
.footer-social {
font-size: 16px;
text-align: center;
margin-top: -30px;
}

.footer-social li {
display: inline;
margin: 0 5px;
}

.footer-social_vk a {
background-image: url(../images/button_vk.png) no-repeat;
        height: 40px;
width: 40px;
}

.footer-social_tw {
background-image: url(../images/button_tw.png) no-repeat;
        height: 40px;
width: 40px;
}

Стили ссылок наследуют родительский класс и ни в одном из вариантов картинка не отображается. Если присвоить картинку к классу "footer-social", то всё хорошо, но ссылок и картинок надо  по 5 шт.

Пытался делать по примеру реального сайта, не могу понять, почему там ссылки имеют самостоятельные классы, а не наследуют родительский.


Вообщем страдаю уже 3й день, пробовал разные методы, ничего не выходит. Помогите разобраться!

Re: Иконки социальных сетей
« Ответ #1 : 12.03.2016, 14:34:56 »
Вопрос не по теме. Можете поделится КАК установили оплату  картами ?