X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как расположить кнопки социальных сетей в один ряд
TiP-A-ToP
TiP-A-ToP
Topic Starter сообщение 21.1.2012, 0:59; Ответить: TiP-A-ToP
Сообщение #1


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

Вот код
<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
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
yury_mw
yury_mw
сообщение 21.1.2012, 2:05; Ответить: yury_mw
Сообщение #2


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>

Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
TiP-A-ToP
TiP-A-ToP
Topic Starter сообщение 21.1.2012, 2:42; Ответить: TiP-A-ToP
Сообщение #3


Не помогло(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sogologo
sogologo
сообщение 21.1.2012, 11:44; Ответить: sogologo
Сообщение #4


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

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

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

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
7 uahomka 1567 17.3.2024, 14:54
автор: uahomka
Открытая тема (нет новых ответов) Арбитражники, как ведете учет расходов и доходов?
10 Boymaster 1468 17.3.2024, 3:22
автор: malamut
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
26 metvekot 3655 15.3.2024, 10:42
автор: Skyworker
Горячая тема (нет новых ответов) Как вы отдыхаете от работы за компом
140 adw-kupon.ru 18368 12.3.2024, 23:28
автор: Lumex
Горячая тема (нет новых ответов) Как бездомные хранят деньги?
79 metvekot 13007 12.3.2024, 23:00
автор: Lumex


 



RSS Текстовая версия Сейчас: 19.3.2024, 7:54
Дизайн