Launder

Если я правильно понял задачу, то как-то так можно. Попробуйте увелечить/уменьшить контент - подвал всегда внизу. И он эластичный, растягивается контентом.

Резиновым, значит, подвал должен растягиваться контентом?

@hitec, да оба соображения, наверное, логичны. Вы бы разместили пример в песочнице, чтоб можно было более предметно посмотреть и попробовать...

Но ведь когда контента много, он наезжает на футер и содержимое накладывается друг на друга? Вы хотите чтоб футер был резиновым или достаточна фиксированная высота подвала?

Где это в Вашем примере? Вообще position: absolute располагается выше обычного контента по z-плоскости, может в этом дело?

В Вашем коде применяются глобальные стили.

А можно попробовать воспроизвести проблему в песочнице? Макет с картинкой в уменьшенном виде поместить, например, в jsfiddle.net

Интересно, каким образом это работает?

:focus {outline:none;} не достаточно?

Что-то Ваши ссылки не работают... А вообще, если это форма, то можно попробовать кроме height: auto добавить ещё min-height: 0;

Animation-delay добавит время ожидания и для первой анимации. Не знаю, что Вас смущает, почему не ввести время задержки в анимацию (к 5000ms прибавить время задержки), и вместо from -> to использовать проценты. Хм, правда в этом случае, анимация, вероятно, зависнет на том моменте, на котором указана его последняя координата, а Вам, наверное, нужно чтоб картинка вернулась назад... Но с другой стороны, у Вас же анимация по шагам, сделайте следующий кадр с нулевой координатой... А вообще, если говорить более предметно, выложите Ваш мультик куда-нибудь в песочницу поиграться...

position: sticky; top: 1200px; Правда работает это, похоже от высоты экрана. А поднимется вверх блок когда его снизу будет что-то подпирать. В общем, блок фиксируется, но на заданном расстоянии по любой из сторон, начинает сдвигаться.

Можно ещё так: .content_sidebar { margin-left: 312px; } Плавающий элемент проходит "сквозь" блочные элементы и сдвигает строчные. Поэтому нужно либо сдвинуть блочный элемент (ширина, с учётом отступов и границ) или изменив значение свойства overflow c visible, на иное, создать свой "замкнутый мир", в который float не проникает.

Выставить вертикальное выравнивание, сместив картинку с базовой линии. Оказывается и в форуме было.

Для закрепления лучше повторить сразу. А в конце всех уроков, наверное, имеет смысл давать задания, в которых требуются знания по всему курсу.

Этот фон и двигается, показывая из склеиной картинки нужный фрагмент.

Манипуляция происходит не с изображением, а с контейнером, у которого изображение - фон.

Возможно материал из этой темы, поможет Вам понять работу слайдера. В частности, вот по этой ссылке, описано как раз про смену картинок через определённый интервал времени. По Вашей ссылке в первом сообщении бегло пробежался, похоже, основная разница в том, что в приведённом мной примере идёт смена фоновых изображений, а в Вашем - активно используется трансформация и/или позиционирование для перемещения элементов. Возможно это посложнее, но в первом приближении, принципиальной разницы не вижу.

Вопрос - интересно ли Вам это.

Вот Вам ещё. Чтоб было понятно, читайте основы.

Если Вам интересно понять и почему работает, почитайте. Также очень распространённая проблема, которая, в той статье не указывается. Но, если исходить из самого Вашего вопроса "можно или нет", то наверное, начать лучше с того, что подучить основы.

Ах ну да: li { position: relative; } li ul { position: absolute; display: none; } li:hover ul { display: block; } Как-то так...

Спасибо более опытным товарищам, выяснилось, что если у "прозрачного" контента, к которому относится и тег a, родитель блочный, то и a может вмещать в себя блочное содержимое.

Возможно "разобраться и сделать" более короткий путь, чем "попытаться сделать, не разобравшись"

Да, проблема вёрстки не для начинающих! <ul> <li> <a href="#">Пункт меню</a> <ul> <li><a href="адрес этой самой новой странички">Переход на новую страничку</a></li> <li><a href="адрес ещё одной странички">Переход туда</a></li> <li><a href="адрес и ещё одной странички">Переход и туда</a></li> </ul> </li> <li> <a href="#">Пункт меню второй</a> <ul> <li><a href="адрес очередной">Переход очередной</a></li> <li><a href="и ещё адрес">Снова переход</a></li> <li><a href="адрес, что ж ещё">Сходить чтоб переход</a></li> </ul> </li>