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> и не работает...

не, такой вариант не работает...

Столкнулся с такой проблемой есть div в нем лежит span с display: none; когда div становится :hover - span становится display: block; В css все просто: div:hover > span {display: block !important;} но к сожалению в LESS символ > используется с другой целью. Кто ни будь знает решение проблемы? Как на less сделать что бы при наведение на 1 объект другой менял свои свойства?

а почему не UTF-8?

Random без PHP или JS? o_0 Я что то пропустил? Вышел HTML6? Решение должно работать на HTML и не глючить в IE6 я правильно понял?

Сделай картинку в фотошопе с отступом справа сколько надо и просто right =)

Да, сделай то, что тебе ребята выше написали и обязательно объедини все эти правила в одно общее свойство background. Сделал то, что ребята посоветовали, а вот объединить это в общее св-во background не получилось, видимо моих поверхностных знаний не хватает для этого. Не подскажете, как это чудо объединить все? P.S. Пока результат такой же печальный. background: url("images/index_07.jpg") repeat scroll left top #999999;

и опять не угадали! есть блок со вкладками где то мало контента, где то много и пока перейдешь по всем 5-6 вкладкам начинает напрягать что сайт постоянно дергается! p.s. на счет того что сайт не будет по центру: лучше 1 раз -10px чем постоянно +10 -10 +10 -10! p.s.s. Возможно вас (ответивших в этой теме) не напрягает данная проблема, но я не просил навязывать мне свое мнение и отговаривать меня! Я задал 1 просто вопрос какие решения данной проблемы вы знаете и считаете лучшими...

если бы так и было вопроса не было бы... но мы не в 80х живем и динамичный контент сейчас по всюду, по этому и спрашиваю, что проблема есть!

Постоянно сталкивался с 1 проблемой и все не могу найти хорошего решения. Есть основной блок который фиксирует сайт по центру при помощи margin: 0px auto; но возникает проблема что когда контента мало сайт на 1 позиции как только контента больше высоты окна появляется скролл и соответственно сайт дергается в лево. Обычно избавлялся от этого при помощи body {overflow-y: scroll;}. Но хотелось бы узнать как это сделать при помощи js что бы не добавлять скролинг. Я так понимаю поверх всего нужен еще 1 div который будет прижат к левому краю но его ширина будет размером с окно -20px на скролинг. Или есть еще другие варианты? Подскажите плиз решение проблемы.

ВСЕ ТЕМУ МОЖНО ЗАКРЫТЬ!!! Решение: file - jquery-1.5.1.js line - 2065 Changing - elem[ name ] = value to - try{elem[ name ] = value} catch(err){};