Нарек

Во первых, у него места нет что бы тянулся. Во вторых background: url(../images/logo.png) no-repeat;float: left;padding: 41px 0 0 46px;margin: 22px 0 0 0;width: 151px;min-width: 151px;max-width: 200px;с этого кода можно понять что ничего увеличиваться не будет, так как явно прописана ширина 151px.

А почему не можете? Берешь и прописываешь <div> этот блок без absolute </div>а в css вообще его не трогаешь. Вот и все.

http://csstemplater.com/

поидее $(window).load(function(){ $('body').click(function(){ $('.popup_element').removeClass('wp-tab-active'); });})Но могу ошибаться) заставили читать весь сайт пока ищу кнопку "подробнее" оказывается это "чудо" вот оно http://joxi.ru/FIrrU4wyTJDPAh4G0iE Уж очень подробнее)) p.s. по ночам консоль с ошибками с косой не сниться?)

Нет. Я спрашиваю с точки зрения семантики, мне пока не интересуют оптимизация загрузки и тому подобное, пока еще не дорос для этого грубо говоря. Например простой пример $(document).ready(function(){ $('.bxslider').bxSlider();});код который стартует bxslider. Вот где его лучше писать, где правильнее? На странице или в отдельном файле со всеми другими скриптами? Я пробовал с другими засунуть, но получал ошибку в консоли что нету такой функции (то есть не на всех страницах у меня есть .bxslider), наверное я пока не очень понимаю строение js, поэтому так выходит, но не суть. погуглил, JsInlineMaxBytes равно 2kb около 2 тыс символов (в качестве справки кто не знает). Получается гугл рекомендует до 2тыс символов js кода писать в html. Для хай лоад, или простых, все таки Great Rash прав, для хай лоад.

Так вот вы дайте совет, где лучше писать мелкие кусочки кода?

Не, ну для повседневной работы понятно, а вот как правильнее будет если верить гуглу? Почему то не говорят, например выше 1000 символов не надо писать в html а ниже можно.

В общем все думаю думаю и не могу понять, все же лучше собирать в отдельный скрипт все скрипты на сайте и подключить через src, или же писать их прямо в документе.. Гугл рекомендует писать в html ЕСЛИ размер скрипта ниже определенного.. А как узнать о каком размере идет речь? Что такое JsInlineMaxBytes? Какой размер скрипта считать допустимым для использования в html документе? В то же время смотря код гугла обнаруживаешь немалое количество js в коде..

ну я не силен в технических сторонах, но кажется на всех моих предыдущих мониторах было установлено какая то хрень, хотя их цена почти в 2 раза выше было этого aoc-а aoc e2243Fwk

А у меня был и Dell, и samsung и philips, и lg. Недавно купил AOC, раньше даже не слышал о таких, так я просто в восторге от такой цветопередачи) Все так живо, естественно, да и цена ниже чем у брендов выше. Вобщем я счастлив) Особенно после lg)

Проблема решилась плагином mousewheel.js и вот таким js $(document).ready(function(){ var winHeight = window.innerHeight ? function() { return window.innerHeight; } : function() { return document.documentElement.clientHeight; };$('.first-block').height(winHeight);var BlockHeight = $('.first-block').height();/* Глюк firefox - во всех остальных ьбраузерах двигаем body, а в нем html */$.browser = {};$.browser.mozilla = /mozilla/.test(navigator.userAgent.toLowerCase()) && !/webkit/.test(navigator.userAgent.toLowerCase());if($.browser.mozilla) { var ScrollType = 'html'; }else { var ScrollType = 'body'; }/* Обрабатываем событие скрола мыши вниз, при условии что это самый верх страницы */$('.first-block').mousewheel(function(event, delta, deltaX, deltaY) { if((delta<0) && ($(ScrollType).scrollTop()==0)) $(ScrollType).animate({ scrollTop: BlockHeight-104 }, 600); });/* Обрабатываем событие нажатия стрелки вниз, при условии что это самый верх страницы */$(ScrollType).keydown(function(event){ if((event.keyCode==40) && ($(ScrollType).scrollTop()==0)) $(ScrollType).animate({ scrollTop: BlockHeight-104 }, 600);})});Может кому пригодиться.

upd. Вижу люди до сих пор заходят в тему, напишу, что от проблемы избавился. С помощью -webkit-transform: translateZ(0);Ну и backface-visibility. Данный баг только в сафари 6.1.1 который исправили в следующей версии (читал очень много англоязычных форумов, там все пишут так.)

Нашел подходящий, модифицировал и получилось то что надо. Правда платный, но в сети нашел бесплатный, поделюсь если кому надо будет)) Не хотелось платить не зная подходит ли мне или нет)

Вроде все нормально, если бы я смог добавить классы для центрального объекта и для остальных..

Только вот беда в том что он из коробки заточен только под изображения, я пытался туда блоки засунуть с контентом, только не помогло. Да и если смотреть код слайдера то понятно что img нужны там, а редактировать код под мои нужды увы пока знания js не позволяют.. Или я ошибаюсь, сейчас посмотрю еще раз.

Так я ж говорю, я пытался кастомизировать bxslider так как он мне нравится, сделал все кроме эффекта прокрутки)

Очень нехороший баг появляется при прокрутке несколько раз туда и обратно)) Зацикливается сволочь.

Посоветуйте пожалуйста карусель наподобии этого http://www.bkosborne.com/jquery-feature-carousel с таким же эффектом прокрутки.. Беда в том, что не только img будет у меня но и другая html разметка а тот понимает только img.. Нашел еще contentflow http://www.jacksasylum.eu/ContentFlow/ но так и ничего не понял как его заставить работать. Пробовал bxslider кастомизировать, почти получилось, кроме самого эффекта прокрутки смотрите jsfiddle http://jsfiddle.net/a24mqoxd/ (растяните немножко окно что бы не полезли друг на друга). Если дадите совет как получить такую анимацию прокрутки, буду очень благодарен. Если невозможно, подскажите какой нибудь другой слайдер пожалуйста.

Спасибо) Уж много гемора с ними с плагинами этими)) Мне нужен всего то быстро пропустить самый первый блок, а эти гады делают из всей моей страницы таблицу с 100% высотой)) Надеюсь найду решение без помощи плагинов)

да вот, таких топиков в сети завались) https://github.com/alvarotrigo/fullPage.js/issues/243

Так вот сам наткнулся на fullpage.js только там с паралаксом проблемы говорят)

ну не всем же сразу дано же, да действительно html и css у меня в одной папке, изображение в другой, потому что если я переношу документ из папки с кодами, изображения пропадаютКонечно, не все сразу, но как Вы перешли на css если не знаете базовой конструкции html документа? Вы написали свою разметку в head, я не удивлюсь что и доктайп не указали, это единственные отличия которые есть в коде который Вам подсказали. Мне и в голову не пришло что человек который уже css пишет, сделал свою разметку в голове документа Да еще и картинки предлагает скачать с сайта который занимается вебом) Странно все это) Фейспалм был адресован мне, не обижайтесь)

Как это. Вы новости не читаете? http://902www.com/viewpost.php?id=10

Вот всегда так.. кто делает работу получает меньше чем тот который следит за ним и временами мешает.. Несправедливо..

При открытии страницы должен появится блок с картинкой 100% высоты и ширины экрана. Требование - если покрутить мышью хотя бы на один щелчок, то спускаемся уже к следующему блоку. И наоборот, если с предыдущего подниматься наверх, то при достижении верхнего края предыдущего - один щелчок и мы уже находимся на самом верху страницы где изображение на всю ширину и высоту.. Это для первого блока так, внизу уже все стандартно. Грубо говоря надо пропускать промежуток скролла между первым и вторым блоком. Вот не понимаю как этого добиться, особенно если изображение должно быть с паралакс, Поделитесь))