Разбираемся в CSS
Anonymous
Проблема DIV в социальных сетях
Сообщение
Anonymous » 21 окт 2024, 01:45
Я создаю собственную тему для Blogger, но у меня возникла небольшая проблема с панелью социальных сетей. Здесь у вас есть прямая ссылка на мой блог. Как видите, полоса отображается неправильно. Вот код CSS
Код: Выделить всё
/* Buttons */
#social {
width: 100%;
height:auto;
padding-top:30px;
padding-bottom:30px;
background-color:#D8D8D8;
}
#soc {
margin-left:10%;
margin-right:10%;
}
И вот HTML-код
Код: Выделить всё
[url=http://www.facebook.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Facebook-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Twitter-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Youtube-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Google-plus-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Blogger-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Instagram-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Reddit-icon.png[/img]
[/url]
[url=http://www.twitter.com]
[img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Linkedin-icon.png[/img]
[/url]
Я попробовал добавить css height:auto; в #social, но это не сработало.
Подробнее здесь:
https://stackoverflow.com/questions/280 ... -div-issue
1729464334
Anonymous
Я создаю собственную тему для Blogger, но у меня возникла небольшая проблема с панелью социальных сетей. Здесь у вас есть прямая ссылка на мой блог. Как видите, полоса отображается неправильно. Вот код CSS [code]/* Buttons */ #social { width: 100%; height:auto; padding-top:30px; padding-bottom:30px; background-color:#D8D8D8; } #soc { margin-left:10%; margin-right:10%; } [/code] И вот HTML-код [code] [url=http://www.facebook.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Facebook-icon.png[/img] [/url] [url=http://www.twitter.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Twitter-icon.png[/img] [/url] [url=http://www.twitter.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Youtube-icon.png[/img] [/url] [url=http://www.twitter.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Google-plus-icon.png[/img] [/url] [url=http://www.twitter.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Blogger-icon.png[/img] [/url] [url=http://www.twitter.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Instagram-icon.png[/img] [/url] [url=http://www.twitter.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Reddit-icon.png[/img] [/url] [url=http://www.twitter.com] [img]http://icons.iconarchive.com/icons/designbolts/flat-social-media/96/Linkedin-icon.png[/img] [/url] [/code] Я попробовал добавить css height:auto; в #social, но это не сработало. Подробнее здесь: [url]https://stackoverflow.com/questions/28037747/social-media-div-issue[/url]