Висит по центру, как прижать его?(новичок)
|
1 |
<footer> <div class="footerInner"> <div class="footer-text"> <h3 class="text-name"> Иванов Иван </h3> <p class="text-date-info"> (с) 2018. Все права защищены. </p> <div class="mini-logo"> <img src="../images/mini-logo.svg" alt="mini-logo" class="img-mini-logo-1"> <img src="../images/mini-logo.svg" alt="mini-logo" class="img-mini-logo-2"> <img src="../images/mini-logo.svg" alt="mini-logo" class="img-mini-logo-3"> </div> </div> </div> </footer> |
|
1 |
footer { height: 151px; background: #34547A; position: relative; top: -430px; } .text-name { font-weight: 500; font-size: 21px; line-height: 25px; color: #fff; position: relative; top: 50px; margin-left: 203px; } .text-date-info { font-weight: 400; font-size: 13px; line-height: 21px; color: #fff; position: relative; top: 45px; margin-left: 203px; } .mini-logo { position: relative; top: -10px; margin-left: 1050px; } |
Дополнительно:
Содержание
Ну раз все попробовал, значит не осталось)
Ответы:
Это элементарно гуглится
вот пример:
https://codepen.io/kazlulko-the-looper/pen/YzRwreE
Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.
Оставить комментарий Отменить
Ответы
- Есть ответ! к записи Как уменьшить масштаб меньше 100% в Windows 10 (22H2)
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Аналоги CloudFlare в России?
- Есть ответ! к записи Как называется человек, который дизайн придумает для сайта и сверстает его?
- Есть ответ! к записи Можно ли установить Яндекс.Диск на АльтЛинукс?
- Есть ответ! к записи Картинки мутные только на сафари, есть выход?
- Есть ответ! к записи Keenetic. Как настроить SSTP клиент с сертификатом?
- Есть ответ! к записи Чем заменить executor в aiogram 3?
Для того чтобы прижать footer к низу страницы, можно воспользоваться несколькими способами. Вот некоторые из них:
1. Использование CSS:
Для этого можно задать стили для footer и основного контейнера страницы. Например, можно установить высоту для основного контейнера, равную 100% высоты окна браузера, а затем задать позиционирование для footer внизу страницы. Вот пример CSS:
2. Использование Flexbox:
Flexbox - это мощный инструмент для создания гибких макетов. Для прижатия footer к низу страницы можно использовать свойство flex с соответствующими значениями. Вот пример CSS с использованием Flexbox:
3. Использование Grid:
Grid также может быть полезным инструментом для создания макетов. Для прижатия footer к низу страницы можно использовать свойство grid с соответствующими значениями. Вот пример CSS с использованием Grid:
Выберите один из этих способов, который лучше всего подходит для вашего макета и примените его к вашему проекту. Не забудьте проверить результат в различных браузерах, чтобы удостовериться, что footer правильно прижат к низу страницы.