amelice

Здорово, спасибо! )

Sensei, а почему работает вертикальное центрирование с помошью margin для флекс-итема?

Так это наверно речь идет про какое-нибудь веб-приложение, которое поддерживает экспорт данных из майкрософтских продуктов?

Если убрать большие отступы между элементами, то Ваша верстка выглядит так: Исправьте верстку, дальше видно будет. Обратите внимание еще на название классов - cssmenu1, cssmenu2, podatoby... о чем эти классы?

Я когда-то в универе не могла связать двух слов на русском. По моей специальности не было группы на родном языке. Вся учеба была для меня кошмаром только из-за языка, не знаю, можете ли вы представить какой сложный русский язык? ) Каждый день перед сном читала и пересказывала себе же короткие сказки, а словарь стал настольной книгой и всегда сопровождал когда читала литературы по предметам. В Москве первые годы из-за того что не успевала переварить 50 процентов услышанного, каждый день болела голова. В общем, из всего этого вынесла и это очевидно, что язык учиться только на практике, а еще лучше в своей среде и не за один год..Поэтому если Вы решили учить английский, то нужно определиться - что значит для Вас учить английскйи язык? Во-первых, определите границы - какого уровня хотите достичь, сколько месяцев/годы готовы потратить, сколько готовы уделять времени за день..Во-вторых, нужно иметь в виду, что технический английский немножко другой чем обычный, если Вам нужен такой, то по моему совсем не правильно учить его в отрыве от технической среды. Нужно паралелльно. По поводу английского, когда-то делала так, завела себе словарь - такой небольшой блокнотик, две страницы (разворот) делила на 5 полей. И когда встречалось неизвестное слово в статье, то не ленилась, и писала: первое поле - слово на английскомвторое поле - транскрипциютретье - перевод четвертое - синонимы на английскомпятое - предложение в котором используется слово И в течение дня, когда бывало время/в метро проходила мысленно по столбикам, старалась запомнить как можно больше. Так, где-то больше полугода занималась и смогла читать статьи уже с меньшим обращением к словарю.

Ууу, как страшно Приводите для начало верстку в нормальный вид.

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

Ух, здорово, у меня мидалька ))) Влад, спасибо за замечательный конкурс! Все кто участвовал молодцы, очень понравились идеи и подходы.

Приятно, я старалась

Понятно, спасибо! )

Ух, здорово! Спасибо за подробный ответ! Только вот хочу уточнить, почему именно width: 1px? Можно же и ноль написать?

Илья, объясни пожалуйста почему именно по фотке? http://jsfiddle.net/wfp9rjjL/1/ Честно уже не помню, по какому принципу таблица так работает.

Персонаж из мультика ) http://codepen.io/amelice/full/vNEpyJ/

https://jsfiddle.net/8xek6ytz/5/

Не за что.

Только практика.. Вот вы увидели две верии реализации карусели, свой и мой, разобрались во всем этом - это хорошо. Значит нужно дальше писать, выкладывать код и спрашивать.

Я бы предотвратила повторные клики, если на текущий момент идет анимация. Сделала бы так: http://jsfiddle.net/wj25qv1r/1/ Навскидку 1 пункт + 2 пункт: http://jsfiddle.net/2gekkr9t/

Разберитесь сначала с первым пунктом и нужно исправить код. Я бы алгоритм сделала примерно таким: 1. При клике узнать - идет ли анимация на текущий момент. Если идет, то ничего не делать. Если нет, то запускать анимацию. 2. Запуск анимации. Сообщать, что идет анимация. 3. Двигать первый слайд. 4. После завершения анимации(колбек) восстановить первый слайд в конец контейнера и сообщить что анимация завершена.

Красавчики!

Как вариант Ой, не учла вариант - если жквери уже есть, тогда так

Потому что, опять же не учитываете верхних флоатов. ) Выставьте clear: both; к .bottom-menu.

То есть примерно так должно быть? Нужно сделать отступ равный высоте меню, если я вас правильно поняла.

Твой код работает. Нужно просто добавить одну строчку в первый обработчик. e.stopPropagation();У тебя одно событие перекрывается другим. Это так работает событийная модель. Можно почитать вот тут. https://learn.javascript.ru/events-and-interfaces