GeSTaM

Нужно убрать поля выделенные крассным:

Что бы не создавать новую тему спрошу здесь: "Как посмотреть отображение в IE7-9 под mac os x"?)

Доброе время суток. Начал я писать мобильную версию сайта (первый раз этим занялся), выбрал для написания jQueryMobile, и все оказалось очень удобно и просто. Но вот есть у меня 1 вопрос: Допустим на iOS открыв сайт в сафари нажимаю "отправить Домой". Как сделать что бы открывая через получившуюся закладку не было строки адреса и управления от браузера? И тот же вопрос по android и windows mobile. UPD: Нашел решение для iOS. Нужно добавить мету <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> Добавление иконки: <link rel="apple-touch-icon" href="iphone-icon.png"/>

Доброе время суток %username%! Последние месяцев 7 я занимаюсь версткой соц сети, использую много различных framework'ов (например LESS+Twitter Bootstrap), и появилось у меня такое желание к выходу новой версии написать свой bootstrap... Но я впервые верстаю сайты портального типа, раньше все как то под ключ, и хотел бы спросить не знаете ли Вы, где можно почитать какие-ни-будь статьи как правильно написать bootstrap, с чего начать и как все продумать, не чего не упустить???

Была раньше задача, что бы при открытие фотки с комментами скролился всплывший блок с фоткой, проблема была решена при помощи overrflow-y: scroll и убирания скролла у body. А так как сайт зафиксирован по центру, что бы он не дергался добавлялся padding-right к body. Но случился в шизни косяк... и убрали в iOS Lion, скролл... в итоге на маках теперь сайт прыгает в лево-право... Может знает кто решение этой проблемы? Как сделать кросбраузерно и под все OS что бы не было дерганий сайта?

Все проблема решилась. Оказалось решение есть ниже в комментариях (не стал читать их сразу так как в английском не очень ) Если кому надо будет решение такое: $("#example-one li a").click(function() { $(this).parent().siblings().removeClass("current_page_item"); $(this).parent().addClass("current_page_item"); $magicLine .width($(".current_page_item").width()) .css("left", $(".current_page_item a").position().left) .data("origLeft", $magicLine.position().left) .data("origWidth", $magicLine.width()); }); > Вот рабочий вариант сделал <

Есть jQuery плагин MagicLine (Demo - тут). Плагин хороший но есть в нем 1 проблема current_page_item должен быть изначально, хотя эту проблему решить легко для стартовой страницы, но вот дальше у меня начинается такое: сайт мой работает без перезагрузки страницы и ползунок бегать бегает класс current_page_item присваивается к новой <li>, НО ползунок все равно бегает на место старого current_page_item. Кто может помогите please сделать так что бы все работало адекватно (для 1 варианта плагина с бегущей полоской Example One ) без перезагрузки страницы...

Спасибо, все заработало =) Просто не разу еще не передавал параметры, все как то только .show да .hide =)

В общем суть такая: JS пока знаю не очень хорошо так как мало чего приходилось на нем делать. И вот написал я код, он работает, но уж очень меня смущает что много чего дублируется, можете пожалуйста если возможно сделать код менее длинным, что бы на вашем примере я начал улучшать свою логику в JS =) /* Фильтр по типу*/ function showAllSearch(){ $('.search-bar li').removeClass('active'); $('.search-all').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter'); } function showPeopleSearch(){ $('.search-bar li').removeClass('active'); $('.search-people').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showPeople'); } function showGroupSearch(){ $('.search-bar li').removeClass('active'); $('.search-groups').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showGroup'); } function showBlogsSearch(){ $('.search-bar li').removeClass('active'); $('.search-blogs').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showBlogs'); } function showAudioSearch(){ $('.search-bar li').removeClass('active'); $('.search-audio').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showAudio'); } function showVideoSearch(){ $('.search-bar li').removeClass('active'); $('.search-video').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showVideo'); } function showNewsSearch(){ $('.search-bar li').removeClass('active'); $('.search-news').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showNews'); } function showEventSearch(){ $('.search-bar li').removeClass('active'); $('.search-event').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showEvent'); } function showPageSearch(){ $('.search-bar li').removeClass('active'); $('.search-page').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showPage'); } function showAppsSearch(){ $('.search-bar li').removeClass('active'); $('.search-apps').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showApps'); } function showThemeSearch(){ $('.search-bar li').removeClass('active'); $('.search-theme').addClass('active'); $('.right-search-filter').removeClass().addClass('right-search-filter showTheme'); } /* /Фильтр по типу */ Это та часть которой я не доволен. В принципе это примерно такой же поиск как в контакте. При нажатие на 1 из пунктов вызывается функция (например: <li class="search-people"><a href="#/search/users" onclick="showPeopleSearch();">Люди</a></li> ), в которой из всех <li> убирается класс active и добавляется в <li> на которую мы кликнули, а также меняется класс у соседнего дива что бы отобразить в нем нужную форму.

переменные (к примеру создал @color1; и используешь его ко всем ссылкам с действием, захотел поменять цвет этих ссылок меняешь не все 200 вариантов а 1 переменную) также вложенность очень удобно и меньше кода получается

Все норм =) Пару дней разбирался проблемы и не было оказывается, просто какие то плагины FF мешали, а делаю изначально все под ним =)

очень странно, сейчас долго матерился когда заметил что только в FF не работает... google, safari и тд все норм...

1 вариант: Less #karma{ span{display: none;} &:hover span{display: block;} } CSS #karma span{display: none;} #karma:hover span{display: block;} 2 Вариант Less #karma{ span{display: none;} &:hover { span{display: block;} } } CSS #karma span{display: none;} #karma:hover span{display: block;} То есть и так и так итог 1, который если писать css работает, а с less нет =(

Вот это http://lesscss.org/ Да код вы написали правильно, но так он тоже не работает... Уже перепробовал много вариантов и что то ни как...

Через css работает все. Но у меня less, пишу вот так: #karma{ .pluse{display: none;} &:hover .pluse{display: block;} } html такой: <div id="karma"> <span class="pluse">+</span> </div> и не работает...