Приветствую!
Вопрос по теме социализации блога (по материалам https://n-wp.ru/5185 ).
В нем описывается процесс установки кнопок на социальные закладки в пост.
В своем сайте такие кнопки установил, однако отображаются они не горизонтально в одну линию, а одна над другой.
Вопрос: как выравнять их в одну линию? Спасибо!
Самый простой способ — использовать в разметке не div, а таблицу. Например:
Многие верстальщики скажут, что через таблицы оформлять код — не модно, и вообще фи… однако это самый надежный способ показать кусок кода неизменным в любом браузере, и он меня часто выручал.
Спасибо, помогло :)
Это дешево, надежно и практично.
С другой стороны, Я, как начинающий дизайнер, начал осознавать прелести тэга div, и знаю хороший способ выравнивания именно содержимого этого тэга.
Вот, например, есть такой код:
Это блок с текстом «текст».
Чтобы выровнять блок по центру экрана (или родительского блока), надо приписать следующий стиль:
Рассмотрим стиль.
Параметр margin задаёт отступ от внешнего края блока (вместе с внутренними отступами (padding) и прочим) до внутренних краёв родительского блока (т.е. до внутренних отступов). Если введены два параметра, то первый будет задавать отступ сверху и снизу, а второй — слева и справа. Его параметр auto делает отступ от левого и правого (или верхнего и нижнего) краёв одинаковыми, как-бы делая распорки, помещая блок div, как-раз, по центру.
Подробнее советую почитать статью о свойстве margin, и, если уж лезть в дебри разметки и каскадных стилей гипертекста, то уж знать такие фишки, очень полезно.
Хотя, в прочем, не единым div’ом кормимся, бывает, что и таблицы приходится применять, но это уже стараюсь пореже делать — у div’а банально возможности шире. Универсальный блок, его можно и в качестве слоёв использовать, и таблицы те же им делать, и много всего весёлого, чего таблицам и параграфам не под силу.
Кстати, выравнивание margin’ом работает не только для div.
Дельный совет! Побольше бы таких подробных ответов.
Когда есть время — пишу :) и вообще, приятно быть полезным.
Можно поинтересоватся а где провести редакцию что бы выровнять кнопки в одну линию. В блогах новичек только только учусь. http://creoblog.ru/ Никак не могу понять.
Оформите этот вопрос отдельно.