Приветствую! Вопрос по теме социализации…

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Приветствую!
Вопрос по теме социализации блога (по материалам https://n-wp.ru/5185 ).
В нем описывается процесс установки кнопок на социальные закладки в пост.
В своем сайте такие кнопки установил, однако отображаются они не горизонтально в одну линию, а одна над другой.

Вопрос: как выравнять их в одну линию? Спасибо!

Создай свой первый сайт на WordPress

catamoron
Оцените автора
Добавить комментарий

  1. tiaurus

    Самый простой способ — использовать в разметке не div, а таблицу. Например:

    <table cellspacing="2" cellpadding="2"><tbody><tr>
    <td valign="center">код кнопки 1</td>
    <td valign="center">код кнопки 2</td>
    <td valign="center">код кнопки 3</td>
    и так далее...
    </tr></tbody></table>
    

    Многие верстальщики скажут, что через таблицы оформлять код — не модно, и вообще фи… однако это самый надежный способ показать кусок кода неизменным в любом браузере, и он меня часто выручал.

    Ответить
    1. catamoron

      Спасибо, помогло :)

      Ответить
      1. volos_86

        Это дешево, надежно и практично.

        Ответить
  2. Grawl

    С другой стороны, Я, как начинающий дизайнер, начал осознавать прелести тэга div, и знаю хороший способ выравнивания именно содержимого этого тэга.
    Вот, например, есть такой код:

    <div>текст</div>

    Это блок с текстом «текст».
    Чтобы выровнять блок по центру экрана (или родительского блока), надо приписать следующий стиль:

    <div style="margin: 0 auto">текст</div>

    Рассмотрим стиль.
    Параметр margin задаёт отступ от внешнего края блока (вместе с внутренними отступами (padding) и прочим) до внутренних краёв родительского блока (т.е. до внутренних отступов). Если введены два параметра, то первый будет задавать отступ сверху и снизу, а второй — слева и справа. Его параметр auto делает отступ от левого и правого (или верхнего и нижнего) краёв одинаковыми, как-бы делая распорки, помещая блок div, как-раз, по центру.
    Подробнее советую почитать статью о свойстве margin, и, если уж лезть в дебри разметки и каскадных стилей гипертекста, то уж знать такие фишки, очень полезно.
    Хотя, в прочем, не единым div’ом кормимся, бывает, что и таблицы приходится применять, но это уже стараюсь пореже делать — у div’а банально возможности шире. Универсальный блок, его можно и в качестве слоёв использовать, и таблицы те же им делать, и много всего весёлого, чего таблицам и параграфам не под силу.
    Кстати, выравнивание margin’ом работает не только для div.

    Ответить
    1. tiaurus

      Дельный совет! Побольше бы таких подробных ответов.

      Ответить
      1. Grawl

        Когда есть время — пишу :) и вообще, приятно быть полезным.

        Ответить
  3. Денис

    Можно поинтересоватся а где провести редакцию что бы выровнять кнопки в одну линию. В блогах новичек только только учусь. http://creoblog.ru/ Никак не могу понять.

    Ответить
    1. tiaurus

      Оформите этот вопрос отдельно.

      Ответить