Перейти к содержимому


Партнерская программа Kredov

Как расположить кнопки социальных сетей в один ряд

#1 TiP-A-ToP

TiP-A-ToP
  • Пользователь
  • 119 сообщений
  • Репутация: 0
0

Отправлено 20 Январь 2012 - 23:59

Только что создал свой первый блог.Установил под постоми конпки соц. сетей.
Но проблема в том, что каждая кнопка с новой строки. Как сделать чтоб все кнопки были в одиной строке?
Вот блог

Вот код
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button", verb: 1});
</script><div class="fb-like" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div><a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share?share_url=http%3A%2F%2Ftip-a-top.org.ua" data-mrc-config="{'type' : 'button', 'caption-mm' : '1', 'caption-ok' : '1', 'counter' : 'true', 'text' : 'true', 'width' : '100%'}">Нравится</a>
<script src="http://cdn.connect.mail.ru/js/loader.js" type="text/javascript" charset="UTF-8"></script>

 

 

  • 0

#2 yury

yury
  • Пользователь
  • 629 сообщений
  • Репутация: 176

Отправлено 21 Январь 2012 - 01:05

TiP-A-ToP,
расположить кнопки списком и дать элементам списка свойство float: left; пробовали?

<head>
<style type="text/css">
*{margin: 0; padding: 0;}

ul#social_buttons{
list-style: none;
/* clear flow fix */
overflow: hidden;
zoom: 1; /* for IE */
}
ul#social_buttons li{
float: left;
margin-right: 10px; /* расстояние между кнопками */
}
</style>
</head>
<body>
Test
<ul id="social_buttons">
<li>Кнопка 1</li>
<li>Кнопка 2</li>
<li>Кнопка 3</li>
</ul>
Test
</body>

  • 0

#3 TiP-A-ToP

TiP-A-ToP
    Topic Starter
  • Пользователь
  • 119 сообщений
  • Репутация: 0

Отправлено 21 Январь 2012 - 01:42

Не помогло(


  • 0

#4 sogologo

sogologo
  • Пользователь
  • 29 сообщений
  • Репутация: 0

Отправлено 21 Январь 2012 - 10:44

привет, с удовольствием помог бы тебе :blink:) но у тебя там столько кодов напихано, какую cms для блога используешь? Попробуй найти какой нить готов плагин со всеми соц. кнопками.

Предлагаю это потому что все в перемешку :)) столько стилей переписывать ужас....

ЛИБО, каждую кнопку в отдельный DIV вставь и задай классы, тогда дальше я смогу тебе помочь :)
  • 0


Оформление форума – IPBSkins.ru