RodgerFox

И еще последний вопрос, как дать первому ли class="radioOn" через js, а не через html? Первому списку понятно как, а вот что бы каждому не понятно =\

Ммм... большое спасибо. Не очень понял как вы это сделали. Надо самому в этом разбираться

?

Пробовал дописать строчку, $('input[type=radio]:checked').addClass('radioOn'); не как. странно

А как добавить что бы первый вариант в каждом ul был выбран в начале?

Хм... были двоя, оба убежали в самом начале. И так, мальчик. <form> <p class="float: left"><span class="display: block">ot</span> <span>5000 rub</span> <p class="float: left"> <input /> </p> </form> Есть множество блоков с такими формами на странице, на некоторых блоках нету <span class="display: block">ot</span>, как растянуть кнопку на 100% родителя, т.е. form, которая зависит от первого параграфа, в котором может быть цена + спан "ot" или просто цена? Такое можешь решить?

Помогите плз, up^^

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

Не умеешь читать?

И как это работает? http://jsfiddle.net/4Pgrn/ Вот структура

Есть список радио кнопок, каждая находится в своем li, при нажатии на другой инпут или лабел класс меняется на активный у li. Если работать с одним списком <ul><li../><li.../></ul> То все отлично, а как быть если их больше? Подскажите пожалуйста, я сам не смогу додумать. Сам код: $(document).ready(function(){ $('.variants input[type="radio"]').click(function() { console.log('li[for="' + $(this).attr('id') + '"'); $('li').removeClass('radioOn').addClass('radioOff'); $('li[for="' + $(this).attr('id') + '"]').removeClass('radioOff').addClass('radioOn') }); $('.variants input[type="radio"]:checked').click(); }); Примерный html: <article> <ul> <li for="id_1"><input ... /><label .. /></li> <li for="id_1"><input ... /><label .. /></li> </ul> </article> <article> <ul> <li for="id_53"><input ... /><label .. /></li> <li for="id_54"><input ... /><label .. /></li> </ul> </article> <article> <ul> <li for="id_86"><input ... /><label .. /></li> <li for="id_87"><input ... /><label .. /></li> </ul> </article> p.s. для каждого article может использовать еще свой уникальный индификатор?

=D ААА, красата.. Большое спасибо вам. Я видел ту документацию, но заметил пример шатамэлэ и пошел дальше смотреть, думал там написано только про дополнительные блоки в сетке.

Подскажите пожалуйста

Картинки резиновые, как и сами блоки, ну были в начале.. теперь у блоков фиксированная ширина, но картинки все равно резиновые в нем. Я если честно, плохо знаю джава скрипт, не могли бы вы подробнее описать "А при $(window).load запускай .masonry( 'reload' )" Т.е. эта консструкция остется не изменной? $(document).ready(function() $('#container_products').masonry({ // выбираем элемент-контейнер в котором расположены блоки для динамической верстки itemSelector: '.product-gallery', // указываем класс элемента являющегося блоком в нашей сетке singleMode: true, // true - если у вас все блоки одинаковой ширины resizeable: true, // перестраивает блоки при изменении размеров окна isAnimated: !Modernizr.csstransitions // анимируем перестроение блоков при помощи css transitions и Modernizr }); }); но добавляем перед последними скобами .masonry( 'reload' ) ? Верно?

Пробовал вчера (перед написанием топика)... и изотоп и масон. Постоянно конфликтуют со мной.

что за бред? #id_background { height:100%; width: 100%; } Откуда берутся эти сотки? И зачем этот блок, дай все нужные стили боди(body)... а если что перед ним есть еще шатамэлэ (html)!!!

Так и быть, брать и не использовать, просто "оберткой".

Доброй ночи, подскажите пожалуйста с настройкой плагина masonry. Постоянно с ним возникают проблемы. Есть контейнер в нем контейнеры с которыми нужно работать aticle, он состоит из картинки, текст и формы. При загрузке страницы блоки со второй строчки накладываются на блоки выше... по логике замечаю что не успевает загрузится картинка, а скрипт уже выстраивает элементы. Но если окно браузера менять по размерам, то все выстраивается отлично! В чем может быть проблема? Сначало выстраивал так: $(document).ready(function() $('#container_products').masonry({ // выбираем элемент-контейнер в котором расположены блоки для динамической верстки itemSelector: '.product-gallery', // указываем класс элемента являющегося блоком в нашей сетке singleMode: true, // true - если у вас все блоки одинаковой ширины resizeable: true, // перестраивает блоки при изменении размеров окна isAnimated: !Modernizr.csstransitions // анимируем перестроение блоков при помощи css transitions и Modernizr }); }); - Взял от суда _http://habrahabr.ru/sandbox/37498/ Попробовал взять пример с сайта с картинками: $(document).ready(function(){ var $container = $('#container_products'); $container.imagesLoaded( function(){ $container.masonry({ itemSelector : '.product-gallery' }); - вообще не выстраивается. Как быть? Кто может помочь?

ну я знаю как это сделать на css3, что бы все выдвигалось красивше, была кнопка при которой все будет выдвигаться... в том примере была одна интересная вещь еще... поэтому и ищу)

По 1ой работе. Если элемент может взаимодействовать с пользователем, покажите это. Хотя бы hover, active Акции и События - пусто. Навожу на ссылку и нечего не происходит и формы... тоже нужно же показать что это форма я на неё нажал и могу что то вводить туда. И можно показывать. Я показывал страницу состоящая из 1 картинки, лого ( тестом) несколько параграфов и несколько тегов однажды работодателю, после этого получить заказ на 27 стр. Главное делать для людей.

Списки: <ul> <li><a ../></li> --//-- <li><a ../></li> </ul> Чем отличается блок полного черного списка от середины черного списка? Достаточно одного дива, ну или сразу меню запихать. т.е. <ul ../> Зачем global в layet? Можно опять с одного, или сразу все что внутри, а там таблицы. Они разве нужны? Дальше не стал смотреть... Вот у вас есть макет, или еще нет. Пробуйте на бумаге разделить его на самостоятельные части. шапка, контент, футер, отдельный блок новости и т.д. и т.п. И по нему верстать. Ну я лично так делаю) ИМХО. верстаю html потом css пишу, обновляю стр. и дописываю в css если где то, что то забыл.

Магазин должен продавать, тут задачка не выполнена.

Делать по сетке надо, некоторые элементы, которые должны как то показывать, что они активны не как не взаимодействуют с пользователем. Даже нет изменения курсора. А без этого и код не зачем смотреть.

Пару недель назад, заметил решение одной задачки. Решение было простым и удобным. Дело было в адаптивном дизайне. При уменьшении размеров, блок ( на пример меню) пропадает и появляется кнопка раскрытия. При нажатии на него весь контент смещается и на свободном пространстве показывается боковая панелька. Перерыл все закладки и последние файлы, не могу найти. Просто ппц!!! Может кто видел, кто то в закладки кинул. В примере было 3+ варианта. Блок раскрывается справа, слева, и при каком то другом условии. Может кто то видел. Большое спасибо, заранее.

А давайте поговорим на более интересную тему. Вот у нас есть резиновые блоки. Но у какого то из них есть бордюры (border) когда мы сжимаем макет, ширина блока уменьшается, но бордюр может выходить на пример с правой стороны странице и делает зазор в 1-2 и более пиксель(зависит от рамки), из-за этого появляется нижний скрол. Да конечно можно убрать его при помощи overflow: hidden; родительскому элементу, а лучше сразу в корень писать... а как еще можно обойти эту вещь?