Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Форум программистов и сисадминов Киберфорум > Форум вебмастеров > HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Социальные группы Поиск Сообщения за день Заказать работу  
Другие темы раздела
HTML, CSS Почему при выборе непосредственно дочернего элемента абзац игнорируется? Почему элемент <li> внутри элемента <p> тоже входит в выборку селектора ul > li ? он же не непосредственно дочерний https://jsfiddle.net/5unz8ta4/ https://www.cyberforum.ru/ html/ thread2168306.html Текст по вертикали HTML, CSS
Как развернуть строчку текста по вертикали?
HTML, CSS @font-face https://www.cyberforum.ru/ html/ thread2168067.html
Здравствуйте, хочу разобраться с @font-face. Например, указывается один шрифт но с разным начертанием, что будет если я укажу начертание font-weight: 500; какой он шрифт выберет? @font-face { font-family: 'Comfortaa'; font-style: normal; font-weight: 300; /* url ***** */ } /* comfortaa-regular - cyrillic-ext_latin */ 		HTML, CSS Как сделать выравнивание по вертикали https://www.cyberforum.ru/ html/ thread2168061.html
Как сделать блоки, в которых на манер таблиц можно сделать выравнивание по вертикали - я использкю line-height если текст, либо ставлю дисплей как у таблиц, что выравнивание работало. На каждый вопрос создавайте по одной теме! (Правила п.4.4)
HTML, CSS Как сделать блоки с одинаковой высотой
Подскажите современные способы вёрстки, а то я малость отстал от жизни. Если конкретнее, и интересует как нынче правильно можно сделать блоки с одинаковой высотой(чтоб в зав-ти от контента пересчитывало) - я до сих пор использую mathh heigth(джс плагин). 		HTML, CSS Какой запрос отослать серверу, что бы получить PDF и отобразить его на всю страницу? https://www.cyberforum.ru/ html/ thread2168019.html
Привет! Я нуб в HTML :D Web сервер пишу свой на С++. Что мне нужно из HTML отправить серверу для запроса PDF-ки из какой-то серверной папки и что должен на это ответить сервер, что бы заодно попросить браузер открыть эту PDF-ку, а не скачивать её через диспетчер загрузок. P.S.: со стороны сервера могу послать клиенту что угодно разумеется, хоть вообще послать его:D Добавлено через 21 час 18...
HTML, CSS Как запретить перенос div после текста? Сейчас текст "Масштаб" над кастомизированным select-ом. Как сделать все это в одну строку? Как запретить перенос div после текста? https://jsfiddle.net/w9y0v0v2/ Масштаб&nbsp; <div class="ui_select_1"> <select class="ui_real_select" name="scale_graph" onchange="this.form.submit()"> https://www.cyberforum.ru/ html/ thread2167930.html HTML, CSS Всплывающие подсказки
Возможно сделать привязку по атрибуту? .tooltip:hover:after{ background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 15px;
HTML, CSS Как зафиксировать подвал Испробовал много вариантов, везде косяки... Как зафиксировать блок в самом низу, тогда когда нет контента? Мне необходимо подвал сделать так, чтобы он был всегда прижат ко дну. Сейчас если нет контента, он находится по центу..\ Попробовал через postion, все ничего но. Когда есть контент на странице и его больше окна браузера. То этот подвал получается по центру данного контента.... https://www.cyberforum.ru/ html/ thread2167872.html HTML, CSS Разметка страницы header - шапка - в какой тег обрамлять контент, не новость footer - подвал https://www.cyberforum.ru/ html/ thread2167852.html
Размер текста в пропорции блока HTML, CSS
Есть блок ширина которого может быть разно. 50/100/150px и тд. Ширина может быть указана в процентах. В данном блоке текст в одну строчку. Если текст не помещается в блок, то блок прячется за другой.. Вопрос, как сделать так чтобы размер текста изменялся так, чтобы вся строчка помещалась в данный блок??? 		HTML, CSS Подобие Google Forms Здравствуйте! Всех с наступающим! У меня есть один вопросик, как сделать подсветку полей как у Google при клике на мышку в поле и за полем. Хоть как это можно погуглить? С наступающим! https://www.cyberforum.ru/ html/ thread2167830.html
278 / 272 / 106
Регистрация: 12.01.2016
Сообщений: 1,666
02.01.2018, 22:47 0

Социальные Кнопки - HTML, CSS - Ответ 11998401

02.01.2018, 22:47. Показов 900. Ответов 2
Метки (Все метки)

Ответ

Я бы так сделал.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<footer>
  <div class="wrapper">
    <div class="block_icon">
        <div>
            <i class="fa fa-address-book" aria-hidden="true"></i>
        </div>
        <div>
            <i class="fa fa-thermometer-three-quarters" aria-hidden="true"></i>
        </div>
        <div>
            <i class="fa fa-microchip" aria-hidden="true"></i>
        </div>
        <div>
            <i class="fa fa-envelope-open" aria-hidden="true"></i>
        </div>
        <div>
            <i class="fa fa-id-card" aria-hidden="true"></i>
        </div>
    </div>  
    <div class="footer_text">
        <p>&copy; Все права защищены</p>
    </div> 
  </div>            
</footer>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

.wrapper {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto; 
}
 
.block_icon div {
    display: inline-block;
    float: right;
}
 
.fa {
    font-size: 25px;
    margin-right: 30px; 
}
 
.footer_text {
    float: left;
    display: inline-block;
}


Вернуться к обсуждению:
Социальные Кнопки HTML, CSS
0
Заказать работу у эксперта
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
 02.01.2018, 22:47
Готовые ответы и решения:

Социальные кнопки
Нашел в инете код этих кнопок, но почему-то не отображаются соц.сети vk, fb и tw. Пробовал...

Социальные кривые кнопки
Поставил кнопки, но работают, во-первых кривовато, во-вторых, просто нужно горизонтально...

Социальные иконки
Как установить боковую панель социальных иконок? Есть какие-то фреймворки?

Социальные виджеты
Скажите пожалуйста вот виджеты взял с социальных сетей размещаю на сайте но они становятся в...

2
02.01.2018, 22:47
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
 02.01.2018, 22:47
Помогаю со студенческими работами здесь

Социальные иконки icomoon отображаются только в Сафари, как исправить?
Социальные иконки icomoon отображаются только в Сафари, в остальных браузерах квадратики....

При нажатии на кнопку,другие кнопки приближаются к данной кнопки
Привет всем!При нажатии на кнопку,другие кнопки приближаются к кнопке на которую я нажимаю.Так как...

Автоматическое изменение размера кнопки в зависимости от фото которое находится на фоне кнопки
Например я сделал кнопку и поставил в кнопку фото, но на кнопке видно только половину фото. Мне...

Блокировка/разблокировка кнопки, скрытие кнопки
Здравствуйте, помогите с кодом, пожалуйста. Нужно составить калькулятор стоимости, но я не могу...

0
КиберФорум - форум программистов, компьютерный форум, программирование
Поддержать - Реклама - Обратная связь
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru