VeniVidiVici

Возникла такая проблема. Есть основная шапка сайта, которая должна находиться в блоке с контентом. display absolute; Всё отлично, хеадер сидит на блоке с контентом. Прописал верхний padding для блока с контентом(чтобы текст не залезал под хеадер). Но, при уменьшении ширины окна, высота хеадера становится больше, и контент всё таки оказывается под шапкой. Вот пример: http://jsfiddle.net/LOL1/dyxvm4jc/6/ (уменьшайте ширину экрана и увидите) Как этого избежать? Как вариант можно засунуть header прямо в section, но ведь смысл от этого поменяется? Получается что хеадер будет относиться не ко всему сайту, а только к разделу и это критично. Ещё пара мелких вопросов: 1) Если в главной шапке есть заголовок сайта(h1) и адрес сайта(например site.ru) в какие теги нужно засовывать site.ru? И в каких тегах обычно пишут почту и телефоны? тег adress вроде указывает на местоположение. 2) Сильно ли критично если размер h1 будет меньше размера h2? Плохо ли, если тегов h1 на сайте будет несколько?(2-3)

Вот http://jsfiddle.net/LOL1/dur5h6cd/ Если я вас правильно понял Обычный отступ внутри блока.

amelice, спасибо вам большое, вы очень сильно мне помогли.

Ваш вариант намного круче и плавнее моего( Вроде разобрался.(вариант с таймером пока не смотрел) Честно говоря, я бы сам не смог такую конструкцию написать. Как научиться такое писать? Прочитал 1 книгу по js + в справочник заглядываю, 1 книга по jquery + справочник гляжу. Вчера писал пагинацию для слайдера, но там код примерно такой же примитивный, как в моём первом слайдере(хотя времени убил на это много).

Мда, оказывается есть методы остановки анимации . Работает. Добавил 1 строку в коде. http://jsfiddle.net/LOL1/utxmto66/10/ 1 вопрос снят. 2 и 3 - ещё актуально.

Всем привет. Начал изучение js и jQuery, написал простенькую тестовую карусель. Вот код: http://jsfiddle.net/LOL1/utxmto66/ Возникло несколько вопросов: 1) Слайдер работает если дожидаться анимации перехода, но если кликать быстро, контейнер со слайдами просто вылетает за пределы. Как это исправить? 2) Допустим, у меня есть функция, с помощью которой слайды периодически переключаются сами(setinterval/settimeout). При клике пользователем на слайды эта функция должна выключаться(это понятно как), но как снова её включить? Т.е. если пользователь не кликает на слайды, то включить функцию. Такого события как "не кликает" нет))) (можно сделать с помощью .mouseleave(), но всё же, это немного не то). 3) Как .click() работает на сенсорных мобильных устройствах? Или вообще не работает и нужно использовать дополнительные библиотеки или события из js (touchstar и т.п.).В общем, корректно ли будет работать слайдер на мобильных устройствах?