vip

Начинаю делать адаптивный сайт, начал изучать данную тему глубже и встали несколько вопросов, очевидных ответов на которые не нашел: 1) как лучше подключать media queries- внутри основного css файла, или подключать через <link>? 2) какой подход лучше использовать - от mobile first или наоборот? 3) минимально под какие разрешения надо делать отдельные стили?

Убрал дополнительные скобки в конце $('.js-prev-slide').on('click', function(e) {Заработало, но стандартные кнопки появляются, и можно ли, чтобы когда начинаем нажимать на свои кнопки слайдер перестал бы перематывать на автомате. Как это происходит с стандартными кнопками.

Не очень силен в JS. делаю так: <script> $(document).ready(function(){ var slider1 = $('.slider1').bxSlider({ auto: true, }); var slider2 = $('.slider2').bxSlider({ auto: true, }); $('.js-next-slide').on('click', function(e) (){ e.preventDefault(e); slider1.goToNextSlide(); slider2.goToNextSlide(); }); $('.js-prev-slide').on('click', function(e) (){ e.preventDefault(e); slider1.goToPrevSlide(); slider2.goToPrevSlide(); }); }); </script><ul class="slider1"> <li><img src="i/pic_a-2.jpg" /></li> <li><img src="i/pic_a-3.jpg" /></li></ul><ul class="slider2"> <li><img src="i/pic_a-4.jpg" /></li> <li><img src="i/pic_a-5.jpg" /></li></ul><div class="js-next-slide" style="color:#fff;">next</div>не работает

Доброго времени суток! Использую 2 блока с bxslider на странице, в каждом свои картинки. Можно ли сделать, чтобы при перелистывании вручную картинок в одном слайдере, одновременно перелистывались бы картинки и во втором?

Нужно реализовать меняющийся фон для сайта, с подстраиванием под размер экрана. Какой лучше метод использовать? просто css3 не очень желательно, поскольку рабоатет только с IE9+

Да, я этот способ тоже уже нашел. CSS3 правда. Попробую все таки рамки с абсолютным позиционированием.

Подзапутался уже. <div class="account-heading"> <ul class="clearfix"> <li class="selected"><span><span>Персональная информация</span></span></li> <li><span><a href="">История заказов</a></span></li> <li style=""><span><a href="">Wish list</a></span></li> </ul></div>.account-heading{border-left:solid 1px #6d6c6d;border-bottom:solid 1px #6d6c6d;}.account-heading ul li{float:left; font-size:1.25em;text-transform:uppercase;letter-spacing:0.1em;height:50px;line-height:50px;border-top:solid 1px #6d6c6d;position:relative;}.account-heading ul li.selected{color:#fff;font-weight:bold;position:relative;}.account-heading ul li span{display:block;border-bottom: 50px solid #fff; border-right: 20px solid transparent; height: 0; padding-right:0;}.account-heading ul li.selected span span{position:relative;border-bottom: 50px solid #2e2d2e; border-right: 20px solid transparent; height: 0; right:-19px;}

Я бы так и сделал, если бы контент был статичным. Надписи меняться будут

Если я правильно понимаю, чтобы получить полосу справа мне надо для обертывающего блока сделать фон одного цвета и внутрь вложить блок другого цвета с отступом справа?

Спасибо большущее! Сейчас попробую совладать :-) В IE7 конечно не будет работать?

Голова что-то отказывается соображать. Как сделать меню как на картинке. Хотя бы в какую сторону двигаться?

Спасибо! Ваш вариант помог.

$(document).ready(function(){ $('a[rel="product-gallery"]').fancybox({ autoSize : false, width : 800, maxWidth : 800 });Вот это не помогает.

подскажите, как сделать модальное окно фиксированной ширины, когда контент- картинки. Нужно, чтобы при перелистывании картинок само окно не меняло размеров, даже если картинки разного размера. maxWidth, maxHeight не помогает, окно все равно подстраивается под размер контента, а именно картинки.

Вопрос- Если из родительского окна открыть дочернее, а потом в родительском погулять по ссылкам, можно ли из него же закрыть дочернее окно?

Как люди, это хорошо :-), если как нелюди, лучше и не делать вовсе :-)

Ну, по-моему слои тут совсем необязательны. У тебя там вс? в куче сейчас. Лучше сделай эти 2 колонки в отдельной таблице. Примерно так: <TABLE> <TR> <TD> <TABLE border="1"> <TR> <TD height="10px">Проблемное поле ?2</TD> </TR> <TR> <TD>КНОПКА КНОПКА </TD> </TR> <TR> <TD>Ж?лтое поле</TD> </TR> </TABLE> </TD> <TD>Основной текст</TD> </TR> </TABLE>

А насч?т логотипа (так сказать) я правильно понял?

Значит, я правильно понимаю- резать название пополам? Да, и ещ? вопрос по меню- лучше делать текстовое или вс? таки картинками?

Чего то невозможно отредактировать сообщение. В предыдущем посте имелось в виду Background с параметром repeat-x.

Ого! за предложение помощи- спасибо! Но я бы хотел сам. Просто я учусь и хотелось бы вс? сделать по уму. Вот мои соображения: Background сделать полоской размером 30x200 и вставить в BODY с параметром no-repeat. Разбить весь дизайн на 2 колонки (разделив в месте соединения колец и названия)- левую (бэкграундом поставить узор) и правую(текстовая часть). Насч?т логотипа- это то понятно, что картинкой, но вот какой. если б она была без теней, то сделал бы gif. А сейчас, как я понимаю, нужно либо png, либо просто вырезать прямоугольником и влепить. Но не будет ли при этом различий оттенков между бэкграундом и лого? Вот такие вопросы. Прав я , или нет? :-)

Подскажите пожалуйста, как правильно нарезать и сверстать такой дизайн (интересуют основные моменты - бэкграунд, узоры) : www.erges.com/main7.jpg Особенно волнует логотип с тенями. Стоит ли вообще возиться с этими тенями, или вс? равно коряво будет?