Нарек

Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper").clone(true, true).addClass("animateIt")); $(window).on("scroll", function () { $("body").toggleClass("slide-header", ($(window).scrollTop() > 350)); });});Заменил $(document).ready(function () на window .load все та же фигня.. Слайдер подключается так : После подключения jquery и самого скрипта слайдера идет код <script> $("#content-1").mCustomScrollbar({ axis:"x", setLeft:"20px", autoHideScrollbar: true, advanced:{ autoExpandHorizontalScroll:true }, callbacks:{ whileScrolling: function(){ if(!$('.pathScrolled').length){$('.mCSB_scrollTools .mCSB_draggerRail').prepend('<div class="pathScrolled">'); } $('.pathScrolled').css({width: this.mcs.draggerLeft}); } }});</script>И вот еще странность, если удалить callbacks то во всех браузерах ничего не изменится (глобального) а просто перестанет работать след от прокрутки, а в Safari из за этого в клонированном хедере перестаeт работать кнопка поиска, но кнопка корзины все равно продолжает работать. Если вообще удалить слайдер, то опять же, во всех остальных браузерах ничего не меняется, а в Safari клонированный хедер вообще перестает появляться. Что за хрень?

Если попиксельная не требуется то сетку практически под все можно подстроить.так если тратить время на подстроить - лучше без него начинать не имея никаких ограничений по поводу положения элементов на любом разрешении. А с сеткой так или иначе эти ограничения будут. Согласен с Great Rash, если дизайнер не нарисовал по сетке, то верстка по сетке обеспечит не малые проблемы.

Спасибо, попробую через js)

Для чего это нужно Верстаю один сайт, там есть списки ul в li которых по диву. вообще заказчик говорит, что меньше или больше не будет, и я их ровнял по всей ширине используя метод text-align: justify. Но вот думаю, мало ли он сказал, появился спортивный интерес как бы) Если li будет 2, то они соответственно прижмутся к левой и к правой границе, а сайт широкий, некрасиво. Вот и думаю, узнать бы количество через js, и для каждого количества настроить так, что бы выглядело красиво) Да пожалуйста) http://joxi.ru/lX_eU4wyTJDMApuicU0 это один из ul, в нем 4 li а в них по div-у. Сейчас они выровнены по всей ширине. Если будет 2 li то соответственно один будет прижиматся влево, другой вправо, а я скажем хочу что бы они оба были с права, а если 3 li то были скажем слева.

Так уже описал) Если в ul есть 2 li то задать им margin: 20px; если 3 li то задать margin: 50px; если 4 li то margin: 60px если 5 li то ничего не предпринять))

А как узнать количество li внутри ul с неким идентификатором, и исходя от этого задавать style для этих li? Ну скажем если их 2 - margin: 20px; если 3 - margin: 50px; если 4 то ничего не делать так как для этого случая в css уже написаны свойства)

Привет земляк. Красть чужой труд нехорошо, тут 3 варианта. 1, Заплатить знающему, что бы написали персонально для тебя. 2, Искать в интернете бесплатные аналоги с открытой лицензией. 3, Все таки украсть, но тут надо вспомнить про фильмы про кражу, сколько они там потеют и планы придумывают? Вот и тут, без пота никак, а тут потеть бесплатно навряд ли кто то будет. Что касается меня, я даже и не представляю как можно скопировать конструктор что бы пользоваться им офлайн)) Там по моему canvas используется, если не ошибаюсь.

Не совсем понял, какой по центру если ширина 100%, но возможно ТС имел ввиду картинки по центру. Как вариант http://jsfiddle.net/FG4FT/

Вот как выглядит на сайте иконка http://joxi.ru/sbvcU4wyTJChLpgTpbI Вот так на psd http://joxi.ru/n7vcU_3JTJBzNMMaaHA

Уже сколько раз встречается такая проблема. На сей раз на странице в фотошопе существует 1 иконка (лупы), он сделан при помощи иконочного шрифта. Не хочется подключить шрифт для этого, так как иконка единственная. Вот нажимаю на него правой кнопкой мыши в фотошопе, жму преобразовать в смарт объект. Дальше привычно зажатым ctrl кликаю на превью чтоб она выделялась, копирую на новую страницу, снимаю фон и сохраняю для web-a ctrl+shift+alt+s в формате png, настройка бикубическая-четче. Загружаю на сайт, а там как будто отгрызали по краям, края не ровные идут.. Что я делаю не так p.s. такая же бяка случается когда что нибудь с fx пытаюсь преобразовать в смарт объект и сохранить.. То fx (например тень) не весь копируется, то вообще без fx получается... Где можно читать про фотошоп для нашего дела? (про правильное сохранение картинок в первую очередь.)

Нет нельзя. Начинающий должен зубрить хотя бы самые важные свойства с помощью которых строится любой сайт, потом уже заявить что он начинающий. Тот же float, Вам дали ссылку где про него читать, там ясно написано, что float имеет left, right, none, inherit но никак не center и top. Float один из таких свойств через которую строится большинство из сайтов если не все. Не знать про его свойства, потом заявить что Вы верстальщик (хоть и начинающий) тут одного минуса мало. Зубрите как можно лучше хотя бы основные такие очень часто встречающийся свойства, я не говорю про css анимации и тд, потом приходите на форум, задавайте конкретные вопросы и получайте конкретные ответы, тут добрые люди, помогут.

ага, завидуют что у них float: center не работает.. Бяки... P.S. http://webledi.ru/forum/index.php?topic=4227.0

А почему разработчикам браузеров не сделать все сообща, что бы не приходилось каждый раз искать хаки и префиксы для корректного отображения верстки во всех браузерах? Требуем ответы! Помоему такие темы идут в флейм)

У меня он убираться не будет, да и стиль совсем другой скроллера) Да, смысл понятен, спасибо еще раз)

Большое спасибо, то что нужно!

Вы ошибаетесь. Лень с умом никак не связан, если того требует верстка лучше использовать сетку от Bootstrap-а, нежели сидеть и писать все проценты самому в итоге в лучшем случаи получив такой же результат.Я например из всего Bootstrap-а использую только сетку, и все, мне ничего от него больше не нужно.

Здравствуйте. Использую jQuery custom content scroller, вот отсюда http://manos.malihu.gr/. появилась идея сделать так, что бы делать цветным пройденный путь скроллера где то вот так http://joxi.ru/b6bYU_3JTJBmDo5nNUE. Вот сижу думаю, ничего в голову не приходит, может кто то сделал уже, поделится) Буду очень благодарен. JsFiddle http://jsfiddle.net/PY66D/, демо плагина можно увидеть тут http://manos.malihu.gr/tuts/custom-scrollbar-plugin/max-width_example.html нажать пару раз на Add Content.

Кстати мысль)

Одинарные можно. Допустимо и "". Пробел все равно не покажется, если нужен именно пробел то нужно вставить html unicode пробела в кавычки.

A у меня одинаково показывает.. Chrome последняя версия..

Ну я и не цитирую факт. Многие крупные магазины делают именно так, например ozon.ru, небось знают что то.

Помоему все же лучше с помощью css, так как перечеркивание это все таки стилизация, а за это отвечает css. Да и поддержка ie 8+ более чем достаточно.

Ну во первых div-ов может быть не один. Ну и во вторых пустые элементы разметки имхо нехороший тон.

Нет не правильно. Вместо того что бы удивлятся, включите сначала внимание. class cf стоит у блока #right который совсем не главный. Главный в данном коде container. А еще не плохо было бы почитать про обтекающие элементы...