volshebnyi

В том-то и дело, что изначально не было нужды в пейджере. Установил слайдер. Прикрутил к CMS. И вот понадобился пейджер...

Здравствуйте! Уважаемые форумчане, просьба помочь сданной проблемой. Имеется слайдер - http://supersimpleslider.com/. Очень хороший, только в нем нет так называемого пейджера - маркеры, которые показывают количество слайдов а также выделяет активный слайдер. Подскажите, пожалуйста, как можно "докрутить" маркеры к этому слайдеру? Заранее благодарю за помощь.

hypnocolor, Спасибо огромное! Вы очень помогли мне!

hypnocolor, Спасибо! Все работает. Только вот если у элемента нет выпадающего меню, то он все-равно выделяется. Можно сделать что бы не выделялся элемент если у него нет дочернего?

satantx и wwt, спасибо вам огромное! Оба варианта работают. Может быть подскажете еще такое - как присвоить раскрытому элементу (в данном случае это Элемент 3) класс active?

Здравствуйте! Помогите, пожалуйста, разобраться что именно я не так сделал. Необходимо сделать простой выпадающий список типа аккордеон на JS. Но при клике на ссылку подменю открывается, но при этом браузер прыгает наверх в начало страницы. Я так понимаю, не срабатывает slideToggle('slow').... Вот что получается: http://jsfiddle.net/b3vywd92/ Заранее благодарю за помощь!

Влад, а Вы пишите с помощью сасса и т.п. или же нативно - чистым css?

Я делаю несколько файлов. Ресет или нормалайз или стили плагинов вставляю в каждый css. В мобильной версии, например, может не быть какого-то слайдера. Соответственно, в стилевом файле для мобильной версии стили для этого слайдера будут отсутствовать. В итоге получается картина - в зависимости от разрешения, браузер загружает только один файл со стилями. Это подход, конечно, вроде бы правильный - под каждое разрешение только один файл без лишних (не своих) стилей. Но такой подход не удобен при верстке и, особенно, при последующем редактировании...

Так файл то все-равно грузится только один.

Здравствуйте! Существует несколько способов подключения стилей. В особенности, это касается случая с медиа запросами. Например, гугл рекомендует делать несколько файлов - отдельный файл стилей для каждого медиа запроса: <link rel="stylesheet" media="(max-width: 640px)" href="max-640px.css"><link rel="stylesheet" media="(min-width: 640px)" href="min-640px.css"><link rel="stylesheet" media="(orientation: portrait)" href="portrait.css"><link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">Естественно, можно все сделать в одном файле стилей. Уважаемые профи, какой способ используете Вы и почему?

Так, собственно, вот - есть следующий блок: <header> <div class="adress">Улица Пушкина</div> <a class="fb" href="https://www.facebook.com">facebook</a> <div class="phone">555-55-55</div></header>Необходимо что бы при разрешении экрана по ширине менее 750 пикселей этот блок не загружался - ну то есть не появлялся в результирующем HTML.

Здравствуйте! Для мобильной версии сайта мне необходимо исключить некоторые элементы HTML из загрузки. Например, элемент <header>. Естественно, это можно сделать с помощью CSS, но в таком случае элемент будет загружаться и просто не будет отображаться. Я вот подумал, что логичнее было бы запретить загрузку элемента с помощью скрипта. Помогите, пожалуйста, реализовать следующее условие с помощью Java Script: Если ширина экрана меньше 750 px, то элемент <header> не отображается. Заранее благодарю за помощь!

wwt и amelice, спасибо Вам огромное! Буду пытаться сделать. Так от main я же никак не могу позиционироваться...

А как же в примере реализовано я что-то не пойму? JS?

wwt, спасибо. Но только в этом случае блоки приклеены к body, а мне необходимо, что бы они находились в контейнере main, который выравнен по центру и имеет ширину 1200px.

Почему? Особенности верстки для CMS. Название рубрики, фильтры и контент будут реализованы в одном XSL шаблоне. По-этому не хотелось бы разбивать...

Здравствуйте! Хотелось бы сделать макет примерно как на этом сайте. Казалось бы, обычный двухколоночный макет с фиксированным сайдбаром. Но весь нюанс в том, что мне нельзя сделать цельный сайдбар и просто его зафиксировать. Нужно сделать так, что бы логотип, навигация и фильтры были размещены по порядку и не были заключены в один контейнер. Когда я это пытаюсь реализовать, все, естественно, сбивается в кучу из-за position: fixed для каждого контейнера. Помогите, пожалуйста, дельным советом. Как это правильно реализовать? http://jsfiddle.net/47avbbqj/

А как Вам такой подход к делу - http://habrahabr.ru/post/221063/ Я вот как раз задумался именно о таком методе - максимально "разгрузить" HTML. Ведь в конечном счете, все сводится к HTML...

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

Здравствуйте! Подскажите, пожалуйста, какой из двух вариантов написания вложенности является оптимальным и почему: 1. div.block > div > p 2. p.name Заранее благодарю за ответ!

Спасибо!

Спасибо Вам огромное!

Здравствуйте! Буду благодарен за помощь: http://jsfiddle.net/zp41stpk/ Необходимо вместо белого цвета (контейнер main) вставить адаптивную картинку - фон. То есть, насколько я понимаю, нужно растянуть main по всей высоте body. Вариант с фоном для body не подходит, так как нужно, что бы изображение растягивалось ТОЛЬКО в контейнере main. Заранее благодарю.

Одиннадцатью минутами ранее нашёл способ (я в флексах просто не бум-бум) через CSS http://stackoverflow.com/questions/7425665/switching-the-order-of-block-elements-with-css У меня иная ситуация))) Есть два блока - <main> и <aside>Я не могу эти блоки обернуть в еще один контейнер (издержки верстки под мою CMS). Вариант с функцией мне бы подошел.

В таком варианте http://jsfiddle.net/KnsYY/1/ неважно сколько блоков идет до или после передвигаемых, мы их меняем местами в дереве DOM.Тоесть по сути это тоже самое что вы ручками исправите html код на вот это: <div>2</div><div>1</div><div>3</div> Подскажите, пожалуйста, как сделать что бы данная функция выполнялась только для медиазапроса: @media(max-width: 480px) Заранее благодарю за ответ!