Search the Community
Showing results for tags 'footer'.
Found 14 results
-
Начал учить HTML для себя. Проблема в том, что сделал заголовок и таблицу, но, нужно чтобы текст был внизу таблицы. Сделал для этого подвал, но что-то не работает, все равно текст выше таблицы. —————-- <!DOCTYPE html> <HTML> <HEAD> <meta charset="utf-8"> <TITLE>Главная страница</TITLE> </HEAD> <BODY> <header> <H1> <center>Текст Заголовка ...</center> </H1> </header> <center> <table border="100"> <tr> <th>№</th> <th>Текст</th> <th>Текст</th> <th>Текст</th> <th>Время</th> <th>Текст</th> </tr> <tr> <tr> <td>1.</td> <td>Текст</td><td>Текст</td><td>ОКР</td><td>17.20.34 - 18.07.2020</td><td> </td> <tr> <td>2.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>3.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>4.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>5.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>6.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> <tr> <td>7.</td> <td> </td><td> </td><td> </td><td> </td><td> </td> </tr> </center> </BODY> <footer> Тексdт </footer> </HTML>
-
Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает. <main> /*много других тегов*/ <section class="modal-map"> /*форма*/ <div> <iframe src="https://www.google.com></iframe> </div> </section> </main> <footer> </footer>
-
Здравствуйте. Подскажите, как можно растянуть блок вниз до прижатого футера, если высота страницы неизвестна ( т.е. чтобы на любых экранах блок касался футера) ???
-
Делаю первый раз верстку под bootstrap — решил осваивать фреймворк и все такое. Проблема — «плывет» при сужении экрана. Он высокий, 400px, фоном стоит картинка. При сужении экрана столбцы, которые не помещаются по ширине, уходят вниз, но картинка не «размножается» по вертикали (вариант repeat-y не срабатывает так, как надо). Далее, под футером стоит еще одна строка (div height:80px) более темная по фону (в ней копирайты). При сужении экрана она не уходит вниз под все выстроившиеся вертикально колонки footer, а остается «прилеплена» к нему снизу, таким образом частично закрывая столбцы футера. Вот нормальный футер, который задуман: А вот после сжатия экрана: В варианте position: absolute; bottom: 0; блок просто залипал внизу страницы, "наезжая" на другие блоки, идущие до самого низа. Это уже пробовал.. и absolute, и fixed. Как вариант, видится мне в разных моделях девайсов делать разный CSS для footer.. но не знаю, как это сделать; и вопрос .bottomfooter тоже остается. Вот HTML (bootstrap настроен на 24 колонки, не на дефолтовые 12): <footer> <div class="container"> <div class="row"> <section class="col-md-8 col-md-offset-1"> <h3>Рассылка</h3> <!-- форма --> </section> <section class="col-md-6"> <h3>Контакты</h3> <!-- контент --> </section> <section class="col-md-8"> <h3>Форма обратной связи</h3> <!-- форма --> </section> </div> </div> </footer> <div class="clearfix"></div> <div class="bottomfooter"> <section class="col-md-6"> <!-- контент --> </section> <section class="col-md-12 text-center"> <!-- контент --> </section> <section class="col-md-5 text-right"> <!-- контент --> </section> <section class="col-md-1"> <!-- колонка-"заглушка" --> </section> </div>Вот CSS:.bottomfooter {height: 80px;padding: 10px 0;background-color: rgb(80,80,80);color: @text-color;font-size: @font-size-base;a {color: @text-color;}}footer {background-image: url('../images/footer-2.png');background-repeat: no-repeat; color: #dbdbdb; font-size: @font-size-base;.container { height: 400px;padding: 10px 0; background: @panel-footer-bg;
-
Здравствуйте. У меня вопрос: как прижать футер к низу, если есть абсолютный блок? Или я что-то пропустила, или уже не могу искать. Всегда пользовалась таким способом. Но без абсолютного блока. Если что, вёрстка тут. Спасибо, всем хороших футеров.
-
Здравствуйте, помогите пожалуйста найти ошибку, не могу разобраться. В общем, я не могу сделать так, чтобы footer сдвигался если я добавляю больше текста в main, он (футер) либо на месте остаётся, либо если я в стилях main'у делаю абсолютную позицию, то сдвигается правый сайдбар. Вот мой html и css: http://jsfiddle.net/rwczq667/
-
Народ помогите пожалуйста! Суть дела вот в чём. Есть сайт vitalsone.ru. Задумка такова, что "каркас" сайта должен иметь лёгкую тень по бокам. Раз у меня подвал должен прижиматься к низу, соответственно есть блок с контентом и подвалом, обоим я задал тень. Проблема в том, что при уменьшении окна браузера по-высоте, тени пересекаются, а по-бокам накладываются друг-на-друга.....как быть?
-
Добрый день.Есть сайт с двумя категириями продуктов 1.электротехнич. 2.отделочные.скрин .Так вот в подвале находяться группы продуктов скрин .Можно ли сделать что бы эти самые группы продуктов менялись в зависимости в какой категории я нахожусь. сайт движок wp
-
Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой footer прижимается снизу следующим методом: <div class="l-wrap"> <header>Header</header> <div class="l-empty"></div> </div> <footer>Footer</footer> html, body { margin:0; padding:0; width:100%; height:100%; } .l-wrap { position:relative; min-height:100%; height:auto !important; height:100%; } .l-empty { height:100px; } footer { margin-top:-100px; height:100px; } Footer прижимается и это хорошо. Но когда мы подгружаем контент через AJAX, происходит следующее: 1. Javascript удаляет содержимое в .l-wrap. 2. Прижимает footer средствами css. 3. Добавляет контент в .l-wrap. 4. Опускает footer ниже на ширину контента. Как избежать опускания footer-а? Может каким-то образом обновлять DOM? Или прижимать footer средствами javascript уже после добавления контента?
-
удалите, пожалуйста, эту тему.
-
В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.
-
Здравствуйте. О подвалах написано много но все же не проще ли footer{ position:absolute; bottom:0;} а у контентной части margin: 0 0 -footer 0; Чем пример ставший класикой <!--<style type="text/css"> html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='container'> <div id='left'> <!-- Содержимое левой колонки --> </div> <div id='right'> <!-- Содержимое правой колонки --> </div> <div id='center'> <!-- Содержимое центральной колонки --> </div> </div> <div class='clear'></div> <div id='spacer'></div> </div> <div id='footer'> <!-- Содержимое футера --> </div> </body>--> Не понимаю в чем "соль" если только не выделять рамками div-ы в <!--container-е-->
-
Подскажите. Я новичок в верстке и только осваиваю шаблоны. В сети нашел такой готовый макет - своего рода скелет для будущего шаблона. http://jsfiddle.net/...tPCz8CJv/66Eh2/ У меня вопрос по поводу footer. Я просмотрел код и меня смущает краткость тех строк, с помощью которых подвал прижимается книзу сайта. Действительно ли такой способ является рабочим? Если так, то он мне нравиться больше, чем "классический", с отрицательным margin-top для footer. Конечно, я его протестировал немного - вроде все работает. Но хотел спросить и уточнить у людей, которые больше меня знают в верстке.
-
Здравствуйте, такая проблема: В контенте сайта у меня находится два изображения, которые нужно выравнять по левому и по правому краям. Я делаю это с помощью float:left и float:right. Все в принципе работает, но возникает проблема с подвалом, который начинает вести себя неадекватно. При выравнивании изображений по левому и по правому краям с помощью float рамка от подвала становиться над изображениями, а текст прилипает к ним снизу. Если же сделать clear: both (или left) — получается как надо, кроме того, что невозможно регулировать отступ от контента. Как можно решить проблему?
