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


Пользователь месяца
ShowPrint ShowPrint 1-й за Сентябрь
Очков активности: 283 2 темы, 21 сообщение, 7 баллов репутации
Сайт: ShowPrint.ru
ТОП самых активных за этот месяц
  • Фотография Medvedoc
    #1

    Medvedoc
    Очков активности: 510 9 тем, 58 сообщений, 4 балла репутации

  • Фотография ShowPrint
    #2

    ShowPrint (ShowPrint.ru)
    Очков активности: 312 Вне конкурса за определение пользователя месяца

  • Фотография Ixman
    #3

    Ixman (o5cat.ru)
    Очков активности: 216 0 тем, 24 сообщения, 6 баллов репутации

  • Фотография BLIK
    #4

    BLIK
    Очков активности: 210 Вне конкурса за определение пользователя месяца

  • Фотография Игорь Ку
    #5

    Игорь Ку (dudesday.ru)
    Очков активности: 126 4 темы, 9 сообщений, 4 балла репутации

  • Фотография WGN
    #6

    WGN (worldgamenews.com)
    Очков активности: 88.5 Вне конкурса за определение пользователя месяца

  • Фотография Алексей111
    #7

    Алексей111 (xvideo24.ru)
    Очков активности: 66 8 тем, 20 сообщений, 1 балл репутации

  • Фотография yuran
    #8

    yuran (yurbol.ru)
    Очков активности: 37.5 1 тема, 22 сообщения, 1 балл репутации

  • Фотография Zevss
    #9

    Zevss (domles43.ru)
    Очков активности: 22.5 2 темы, 9 сообщений, 1 балл репутации

  • Фотография falka
    #10

    falka (mygoodjob.ru)
    Очков активности: 16.5 3 темы, 2 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 20.10.2018
Топ 5 участников по репутации


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

#1 TiP-A-ToP

TiP-A-ToP
  • Неактивные
  • 119 сообщений
  • Репутация: 0
0

Отправлено 20 January 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
  • Пользователь
  • 642 сообщений
  • Репутация: 188

Отправлено 21 January 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 January 2012 - 01:42

Не помогло(


  • 0

#4 sogologo

sogologo
  • Неактивные
  • 29 сообщений
  • Репутация: 0

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

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

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

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



Похожие темы

  Название темы Автор Статистика Последнее сообщение

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