Поиск по сайту

Результаты поиска по тегам 'footer'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • HTML и CSS
    • Для начинающих
    • Препроцессоры, постпроцессоры и шаблонизаторы
    • Методологии
    • Фреймворки и библиотеки
  • JavaScript
    • Для начинающих
    • Фреймворки и библиотеки
    • Скрипты и плагины
  • Разработка сайтов
    • Для начинающих
    • Инструменты разработки, сборки и автоматизации
    • Аудит и анализ кода
    • Программное обеспечение разработчика
    • Веб-дизайн
    • Мобильные платформы
    • Open Source
  • Серверное программирование
    • Для начинающих
    • PHP
    • Платформы и языки программирования
    • Базы данных
    • Скрипты, готовые движки, CMS, конструкторы
  • Полезное
    • Библиотека полезных приемов и решений
    • Ресурсы
  • Сервер
    • Техническая поддержка
    • Веб-сервер
    • Базы данных
    • Хостинг
    • Домены
  • Интернет-маркетинг, SEO
    • Поисковая оптимизация
    • Поисковые системы
    • Продвижение и монетизация веб-сайта
    • Сервисы статистики и аналитики
    • Услуги и сервис
    • Покупка и продажа
  • Коммерческие услуги
    • Фриланс
    • Работа
    • Услуги и сервис
  • Давайте поговорим о ...
    • Общий
    • Хобби, отдых и развлечение
    • Человек и общество
    • Флейм
  • Наш форум
    • Конкурсы
    • Работа форума

Календари

  • События в Украине
  • События в России
  • События форума
  • События партнёров
  • Все события

Блоги

  • CMS (Системы управления контентом)
  • Руководство верстальщика
  • Блог HTMLforum.io

Группы меток

  • Разработчики
  • Front-end
  • Back-end
  • Обучение
  • Ищу работу
  • Предлагаю работу

Искать результаты в...

Искать результаты, содержащие...


Дата создания

  • Начать

    Конец


Последнее обновление

  • Начать

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начать

    Конец


Группа


Web site


ICQ


Jabber


Skype


Откуда


Интересы

Найдено 12 результатов

  1. Здравствуйте. Подскажите, как можно растянуть блок вниз до прижатого футера, если высота страницы неизвестна ( т.е. чтобы на любых экранах блок касался футера) ???
  2. Делаю первый раз верстку под 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;
  3. Здравствуйте. У меня вопрос: как прижать футер к низу, если есть абсолютный блок? Или я что-то пропустила, или уже не могу искать. Всегда пользовалась таким способом. Но без абсолютного блока. Если что, вёрстка тут. Спасибо, всем хороших футеров.
  4. Здравствуйте, помогите пожалуйста найти ошибку, не могу разобраться. В общем, я не могу сделать так, чтобы footer сдвигался если я добавляю больше текста в main, он (футер) либо на месте остаётся, либо если я в стилях main'у делаю абсолютную позицию, то сдвигается правый сайдбар. Вот мой html и css: http://jsfiddle.net/rwczq667/
  5. Народ помогите пожалуйста! Суть дела вот в чём. Есть сайт vitalsone.ru. Задумка такова, что "каркас" сайта должен иметь лёгкую тень по бокам. Раз у меня подвал должен прижиматься к низу, соответственно есть блок с контентом и подвалом, обоим я задал тень. Проблема в том, что при уменьшении окна браузера по-высоте, тени пересекаются, а по-бокам накладываются друг-на-друга.....как быть?
  6. denisok

    Смена footer

    Добрый день.Есть сайт с двумя категириями продуктов 1.электротехнич. 2.отделочные.скрин .Так вот в подвале находяться группы продуктов скрин .Можно ли сделать что бы эти самые группы продуктов менялись в зависимости в какой категории я нахожусь. сайт движок wp
  7. Здравствуйте, столкнулся с проблемой и не знаю как ее решить. Суть в следующем: есть страница на которой 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 уже после добавления контента?
  8. удалите, пожалуйста, эту тему.
  9. В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.
  10. Mirovich

    Подвал

    Здравствуйте. О подвалах написано много но все же не проще ли 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-е-->
  11. Подскажите. Я новичок в верстке и только осваиваю шаблоны. В сети нашел такой готовый макет - своего рода скелет для будущего шаблона. http://jsfiddle.net/...tPCz8CJv/66Eh2/ У меня вопрос по поводу footer. Я просмотрел код и меня смущает краткость тех строк, с помощью которых подвал прижимается книзу сайта. Действительно ли такой способ является рабочим? Если так, то он мне нравиться больше, чем "классический", с отрицательным margin-top для footer. Конечно, я его протестировал немного - вроде все работает. Но хотел спросить и уточнить у людей, которые больше меня знают в верстке.
  12. Здравствуйте, такая проблема: В контенте сайта у меня находится два изображения, которые нужно выравнять по левому и по правому краям. Я делаю это с помощью float:left и float:right. Все в принципе работает, но возникает проблема с подвалом, который начинает вести себя неадекватно. При выравнивании изображений по левому и по правому краям с помощью float рамка от подвала становиться над изображениями, а текст прилипает к ним снизу. Если же сделать clear: both (или left) — получается как надо, кроме того, что невозможно регулировать отступ от контента. Как можно решить проблему?