Выравнивание социальных кнопок

Статус
В этой теме нельзя размещать новые ответы.

InoffLine

Постоялец
Регистрация
18 Апр 2007
Сообщения
573
Реакции
161
Есть следующая страница:

Для просмотра ссылки Войди или Зарегистрируйся

Внизу, под текстом, там есть социальные кнопки: добавить в контакт, добавить в одноклассники.

Как их можно выровнять (сейчас они находятся одна под другой, а я хочу, чтобы они были в одну строчку.)?
 
Кнопка добавить в контакт находится в таблице с id="vkshare0"
Вот её начало:

Код:
<table id="vkshare0" cellspacing="0" cellpadding="0" style="position: relative; width: auto; border: 0px none; [B]float: left; margin-right: 5px;"[/B]
В конце стилей допишите два правила (в верхнем примере я их уже дописал)
Код:
float:left; margin-right: 5px;
 
Так
<style>
.shares {
white-space:nowrap;
}
.fix {display:inline; float:left; padding-left:3px;}
</style>
<div class="shares">
<div class="fix">
<a class="mrc__share" href="http://connect.mail.ru/share">В Мой Мир</a>
<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8"></script>
</div>
<div class="fix">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class="fix">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Опубликовать</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>
<div class="fix">
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script>
<script type="text/javascript"><!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
--></script>
</div>
</div>
[/spoil]
Или так
[spoil]
<table border="0" cellpadding="0" cellspacing="0" width="31%" style="padding-left:5px">
<tr>
<td width="80">
<a class="mrc__share" href="http://connect.mail.ru/share">В Мой Мир</a>
<script src="http://cdn.connect.mail.ru/js/share/2/share.js" type="text/javascript" charset="UTF-8"></script>
</td>
<td width="45" align="right">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
<td style="padding-left:0px" width="133">
<a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">Опубликовать</a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</td>
<td valign="top">
<script type="text/javascript" src="http://vkontakte.ru/js/api/share.js?10" charset="windows-1251"></script><script type="text/javascript">
<!--
document.write(VK.Share.button(false,{type: "round", text: "Сохранить"}));
-->
</script>
</td>
</tr>
</table>
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху