Выравнивание кнопок совместного доступа к социальным сетям, чтобы хорошо выглядеть вместе - PullRequest
Новая
       14

Выравнивание кнопок совместного доступа к социальным сетям, чтобы хорошо выглядеть вместе

3 голосов
/ 11 июля 2011

Я просто вернул кнопки обмена социальными сетями на мою домашнюю страницу, и они вместе выглядят действительно ужасно:)

Вы можете посмотреть их здесь внизу страницы: http://www.comehike.com

Как люди обычно делают их такими естественными?Мои выглядят так беспорядочно и непрофессионально.Есть ли что-нибудь, что можно сделать с помощью стиля?

Спасибо!

1 Ответ

3 голосов
/ 11 июля 2011

Глядя на ваш код, вам, вероятно, придется добавить отдельные классы к каждому, поскольку они все находятся в разных элементах.Есть несколько подходов, абсолютное позиционирование, отображение: встроенное, но я бы порекомендовал float

добавить элемент ul и каждую из ваших «кнопок поделиться» как дочерний элемент li этого ul 

<ul class='shareLinks'>
<li>facebook here</li>
<li>twitter here</li>
</ul>

тогда ваш CSS может выглядеть примерно так 

ul.shareLinks { overflow: auto; }
ul.shareLinks li { list-style: none; float: left; margin-right: 5px; }

вы, очевидно, можете редактировать CSS так, как пожелаете, главное - это float: оставил переполнение: auto;на ul - исправление для плавающих элементов, не имеющих реальной высоты.

...