Как выстроить социальные кнопки в ряд в DLE?

feseich
На сайте с 17.06.2010
Offline
72
2279

Здравствуйте уважаемые форумчане! Пришёл я к вам вот с каким вопросом. В общем решил на сайте сделать кнопки соц сетей, собрал все коды, расположил где нужно, а кнопки друг под дружкой получились... Искал решение на многих сайтах по DLE, но ответа так не нашёл. Подскажите, как эти кнопки выстроить в ряд, может в CSS что прописать? Заранее благодарен всем за ответ!

<!-- Vkontakte -->

<li><script type="text/javascript" src="http://userapi.com/js/api/openapi.js?48"></script></li>

<li><script type="text/javascript">
VK.init({apiId: 2803450, onlyWidgets: true});
</script></li>

<li><div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "mini"});
</script></li>

<li><!-- facebook -->
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fgadgeten.ru&amp;send=false&amp;layout=button_count&amp;width=100&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</li>
<li>
<!-- Google -->
<g:plusone annotation="inline"></g:plusone></li>

<!-- Поместите этот вызов функции отображения в соответствующее место. -->
<li><script type="text/javascript">
window.___gcfg = {lang: 'ru'};

(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</li>
<li>
<!-- Mir -->
<a target="_blank" class="mrc__plugin_uber_like_button" href="http://connect.mail.ru/share?share_url=http%3A%2F%2Fgadgeten.ru" 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>
</li>
<li>
<!-- Twitter -->
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://gadgeten.ru" data-text="Интересный сайт" data-via="gadgeten" data-lang="ru">Твитнуть</a>
jpg 2012-04-26_130326.jpg
F
На сайте с 11.08.2010
Offline
27
#1

Уберите li

W
На сайте с 26.04.2012
Offline
0
#2

используйте стили для тега <ul>

что то вроде:

ul {list-style: none; margin: 0; padding: 0}

li {float: left;}
feseich
На сайте с 17.06.2010
Offline
72
#3
Fenom:
Уберите li

Убрал, не помогает

---------- Добавлено 26.04.2012 в 16:03 ----------

Спасибо, попробовал, не получилось...

whispers:
используйте стили для тега <ul>
feseich
На сайте с 17.06.2010
Offline
72
#4

Может кто ещё чего подскажет?

WebAlt
На сайте с 02.12.2007
Offline
266
#5
AGRESSOR
На сайте с 04.07.2010
Offline
79
#6

<ul>

Ваш код

</ul>

ul { margin: 0; padding: 0; }

ul li { display: inline; margin-right: 10px; }

DP
На сайте с 24.04.2012
Offline
16
#7

Нужно смотреть сайт. Судя по коду это gadgeten.ru, но там блока не нашел. Можно в личку.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий