Elflight

Спасибо!

Спасибо за ссылку на сервис. Думаю, скриншота с ноутбука и myresolutionis.ru будет достаточно ) Разрешение экрана 1920х1080px, размер окна браузера 1519х733, device pixel ratio 1.25. Получается, что кино я смотрю в FHD, а в браузере разрешение экрана меньше. Лажа какая-то ) http://i062.radikal.ru/1407/db/14d7ed8778f9.jpg

Какой размер? В пикселях? Думаю, такой же ) Давайте, чтобы не путаться, говорить об устройствах под управлением Windows 8.1...

screen.height = 864px, outerHeight = 840px. К сожалению, это не дает мне ключа к понимаю, что не так ) Подозреваю, что ОС дает указание браузерам масштабировать свой контекст. Но где про это почитать? Разрешение экрана однозначно 1920х1080, здесь сомнений нет.

Добрый день, коллеги. Столкнулся со следующей загадкой: стационарный монитор и монитор ноутбука имеют одинаковое разрешение - 1920х1080px. Некая страница, состоящая из шапки с меню, слайдера и блока спецпредложений под ним, отображается по разному: на стационарном мониторе на первом экране видна шапка, слайдер и спецпредложения. На ноутбуке - только шапка и слайдер. Замерил высоту рабочей области браузера - на мониторе около 900px, на ноутбуке - около 700. Тестирование производилось в нескольких одинаковых браузерах с одинаковым набором панелей браузера. Т.е. похоже, что браузеры на ноутбуке эмулируют разрешение 1920х800. Есть ли какие-то объяснения этому феномену? Да, ОС - Windows 8.1

В картинке бэкграунда одно сердечко. И я хочу его вывести с шириной 15px. Т.е. если блок имеет ширину 60px, то при заполнении в него влезут 4 сердечка. Все просто. Это работает ) Но фаерфокс имеет какую-то особенность рендеринга, и я хочу разобраться в этой особенности. Есть конкретная проблема в рендеринге верстки, давайте не уходить в сторону и не обсуждать методологию вывода рейтинга ) Автовысота почему-то действительно срабатывает, если поиграть с ней в фаербаге (видимо элементы отрисоываются заново и почему-то правильно). Но при указании этого значения непосредственно в коде, все остается по прежнему. Да и не вижу причин чему-то измениться, проблема-то в ширине...

npofopr, спасибо за ответ. Не вижу проблемы в том, чтобы посчитать рейтинг на сервере и вывести его средствами html+css. Если размер бэкграунда "auto", то сердечки отображаются родного размера и влезает только 4 штуки. А мне их нужно уменьшить. И во всех браузерах, кроме фаерфокса, это работает прекрасно. Вопрос только в том, в чем специфика фаерфокса.

Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhevah.ru/sale/ Подскажите, пожалуста, что это за феномен и как с ним бороться...

Первую проблему тоже обошел исключением hover-событий в css для touch-устройств, и реализацией всей логики на js. Какая-то неочевидная реакция на ховеры у этого айпада, чтоб его (

Вторую проблему пришлось решать кривым путем - оставил раскрытие пунктов на css только для no-touch устройств, а для touch-девайсов убрал весь hover в css и сделал все полностью на js. Работает нормально.

Спасибо! По первому - jsfiddle на ipad не отзывается на события, к сожалению, так что посмотреть ваш пример не могу. Видимо, я не слишком понятно описал проблему: ссылка должна быть на картинке, которая оказывается под блоком. Тогда она срабатывает при касании блока. По второму - подключил плагин (там тот же принцип, что и в моем коде) - та же беда: если страница в нулевом положении прокрутки, все хорошо, если немного прокрутить, то все ломается. Попробую тестовую страницу вне своего сайта с этим плагином сделать, посмотреть...

Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, чтобы при первом касании пункта меню открывалось подменю, а при втором касании происходил переход по ссылке), сделал маленький скрипт: $(document).ready(function() { $('.root-item, .root-item-selected').bind('touchstart', function() { if($(this).hasClass('menu_hover')) { return true; } else { $('.root-item, .root-item-selected').removeClass('menu_hover'); $(this).addClass('menu_hover'); return false; } });});т.е. при первом касании ссылки добавляем класс и переход блокируем, при втором (если класс присвоен, то это второй), класс убираем и переход разрешаем. И все работает замечательно. НО только когда страница находится в верхнем положении прокрутки. Стоит прокрутить страницу на два миллиметра ниже, меню начинает прыгать и вести себя дико. Стоит прокрутить обратно наверх - опять работает нормально. Теряюсь в догадках. Подскажите, пожалуйста, куда копать?

CoDy, спасибо. Валидатор дает 4 ошибки, за каждую из которых я ручаюсь и которые к форме не имеют отношения ) Доктайп "<!DOCTYPE HTML> ". Попробовал просто disabled, к сожалению, без изменений...

Добрый день, коллеги! Реализую связанные списки, лишние элементы второго списка скрываются (display:none). Обнаружил, что в дектопном Safari элементы не скрываются, добавил атрибут disabled="disabled", на десктопе все работает. Однако на iPad'е все-равно не работает. Ситуацию смоделировал здесь: http://jsfiddle.net/6pYen/1/ Подскажите. пожалуйста, как решить эту проблему...

Спасибо, я так и думал, что придется параметр в урл добавлять. $_SERVER['HTTP_REFERER'] не будет содержать нужной информации, как я понимаю... Человек же может письмо открыть и в веб-клиенте, и в десктопном клиенте, и в мобильном..

Коллеги, здраствуйте! Озадачили вопросом, не могу однозначно ответить... Предположим, мы отправили 10 адресатам электронные письма со ссылкой на наш сайт. Можно ли определить, кто из адресатов перешел по ссылке, а кто нет? Как я понимаю, вопрос сводится к тому, что получает ли сервер в таких случаях информацию о e-mail'е посетителя или нет? Подскажите, пожалуйста.

Здравствуйте, коллеги! Помогите, пожалуйста, разобраться. Делаю простецкое классическое двухуровневое вертикальное меню, в котором список пунктов второго уровня должен появляться справа от списка пунктов первого уровня при наведении мышью на пункт-родитель. Появляется, работает. Но нужно скрывать меню второго уровня, если мышь его покинула, чтобы оно не оставалось висеть. И вот тут проблемы. $('#vertical-multilevel-menu>li').on('hover', function() { $('ul.child-item').hide(); var curul = $(this).find('ul.child-item'); curul.show(); curul.mouseout(function() { $(this).css('border-color', 'red'); $(this).hide(); }); }); mouseout отрабатывает, рамка становится красной. А скрытия не происходит Пробовал и css("display", "none"), результата нет, подменю остается висеть... Подскажите, пожалуйста, что не так?

Cryolite, спасибо! min-height — это то, что надо. Я указывал height: 100%, и это не работало.

Здравствуйте, коллеги! Подскажите, пожалуйста, как побороть появление горизонтальной прокрутки при абсолютном позиционировании элемента за правым краем страницы? Например, делаем элементу position:absolute; right: -160px; - получаем горизонтальный скроллбар на 160 пикселей... Помогает overflow:hidden для body или для блока-контейнера страницы, но тогда область страницы, не поместившаяся в один экран, скрывается...

Здравствуйте, коллеги. Не знаю, насколько моя проблема попадает в тему "верстка", прошу простить, если не попадает, но вдруг кто что дельное подскажет. Есть раздел сайта с материалами, которые посетители должны при желании шарить в соцсети. С Вконтактом, ЖЖ, твиттером проблем нет. А вот фейсбук ведет себя странно - иногда портит кодировку. Вот, например: http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/443/ - кодировка битая http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/444/ - все в порядке http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/441/ - нормальная http://www.facebook.com/sharer/sharer.php?u=http://kavlink.ru/literary_life/events/440/ - битая Не приницпиально, но если кому интересно - сайт сделан на Битриксе, все эти странички показывают элементы одного инфоблока, информация в элементах сверстана однотипно. Ума не приложу, куда копать. Подскажите, пожалуйста.

Спасибо за информацию! Два айпада не потяну, куплю с ретиной...

Здравствуйте, товарищи! Прошу прощения за, возможно, дурацкий вопрос, но какой уж возник Хочу развиваться в направлении разработки кроссплатформенных сайтов, задумался над тестированием на различных устройствах. Широкоформатный монитор есть, маленький нетбук есть, смартфон есть. Планшета нет, но возникла возможность раздобыть. Но вот какой? С одной стороны, просится iPad. С другой - у него разрешение 1024х768, т.е. такое же, как и у нетбука. Понятно, что тач-интерфейс, другой пул шрифтов и все такое, но все-таки есть сомнение, что на айпаде сайт будет отрисовываться иначе, чем на нетбуке. На андроиде планшетов море, разрешения самые разные, какой выбрать - непонятно... Можно, конечно, пользовться эмуляторами и сервисами тестирования верстки на разных устройствах, но это напряжнее, чем на живом девайсе. Отсюда и вопрос к тем, кто верстает сайты кроссплатформенно: какой планшет выбрать для моей задачи? Благодарю за ответы.

Ага, помогло, спасибо! В синтаксисе накосячил.

Спасибо за ответ.. Попробовал два варианта: -из функции рекурсивный вызов убираю, делаю вызов функции через setInterval. Фукнция выполняется только один раз при загрузке страницы. -рекурсивный вызов в теле функции делаю через setInterval. Все работает как задумано, но ошибка переполнения стека остается....

Здравствуйте! Иногда возникает необходимость сделать функцию, которая циклично выполняется все время просмотра страницы, например: function spectrum(){ var hue = 'rgba(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',0.2' + ')'; $('#partnership').animate( { backgroundColor: hue }, 3000); spectrum(); } И вроде бы код работает и свои функции выполняет, но отладчики вываливают ошибку переполнения стека, а firebug при перезагрузке страницы вообще вешает браузер намертво, что сильно усложняет жизнь. Подскажите, пожалуйста, как правильно организовать рекурсию...