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

Тема в разделе "Веб-дизайн", создана пользователем InoffLine, 14 окт 2010.

Статус темы:
Закрыта.
Модераторы: zek24
  1. InoffLine

    InoffLine

    Регистр.:
    18 апр 2007
    Сообщения:
    573
    Симпатии:
    155
    Есть следующая страница:

    http://www.securityessentials.ru/blog/mse-new-engine-11630X.html

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

    Как их можно выровнять (сейчас они находятся одна под другой, а я хочу, чтобы они были в одну строчку.)?
     
  2. Kub

    Kub

    Регистр.:
    5 июн 2009
    Сообщения:
    606
    Симпатии:
    473
    Кнопка добавить в контакт находится в таблице с 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;
     
  3. bork75

    bork75 Д☼брая собака )

    Регистр.:
    21 июн 2008
    Сообщения:
    1.449
    Симпатии:
    716
    Так
    <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>

    Или так
    <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>
     
Статус темы:
Закрыта.