Dioni$$

ну я думал вот это $(document).ready( function() { $('#tab2').on('click', function(){ jQuery('#mycarousel').jcarousel({ visible: 3, scroll: 1, animation: 'slow' }); }); }); я пробовал предложенный вами код - но че-то не оно блин ребята - такой тормоз из-за этой карусели! кто в курсе - подсобите. а я наверное попробую какой другой слайдер впихнуть - хотя карусель родная уже..

че никто больше не сталкивался с такой проблемой?

ну ошибка то уже и при моем коде не выходит. и карусель появилась. вот только она не крутится, стрелочки не нажимаются.. вобщем не папшет как-то.. а ваш код в данном случае получился излишним. но я попробовал - и мне просто выдало список (ну ul li) вот код который использует скрипт <div class="section"> <ul class="tabs"> <li class="current">1-я вкладка</li> <li>2-я вкладка</li> </ul> <div class="box visible"> Содержимое первого блока </div> <div class="box"> Содержимое второго блока </div> </div><!-- .section --> и сам скрипт (function($) { $(function() { $('ul.tabs').each(function() { $(this).find('li').each(function(i) { $(this).click(function(){ $(this).addClass('current').siblings().removeClass('current') .parents('div.section').find('div.box').eq(i).fadeIn(150).siblings('div.box').hide(); }); }); }); }) })(jQuery) ну и цсс .box { display: none; /* по умолчанию прячем все блоки */ } .box.visible { display: block; /* по умолчанию показываем нужный блок */ } тут вообще не используется ни id ни классов (уникальных). просто я уже для себя дописал для второго таба id.

Добрый день. Такая проблема: есть табы (вкладки) - реализованы с помощью скрипта вобщем вкладок 3. на второй и третьей карусели (jcarousel). так вот по началу выдавало ошибку типа тогда я присвоил второму табу id="tab2" и инициализацию карусели записал как $(document).ready( function() { $('#tab2').on('click', function(){ jQuery('#mycarousel').jcarousel({ visible: 3, scroll: 1, animation: 'slow' }); }); }); ошибка пропала - карусель появляется. токо не работает (. подскажите плиз как решить. или может есть готовое решение.. вобщем рад любой помощи

Нужен шаблон, чтобы посередине блок был "резиновый", но с минимальной шириной. А по бокам были блоки тоже резиновые, но уже без минимальной ширины. К этому же центральный блок должен быть обрамлен справа и слева разделителями (background из картинки). Центральный блок в свою очередь делится на 3 колонки + еще подвал внизу центрального блока. что-то я не совсем понял - но не суть. короче я бы просто какому то обрамляющему блоку задал фон и repeat-y. как-то так. может не до конца вкурил что ты хочешь

Catherine - спасибо! Там и читал - да подумал нафига мне експерт режим ))

сорь вот

а то вообще надо то? фиксированный трехколоночный шаблон?

привет всем. вобщем все таки пришлось мне свзываться с кастомными шрифтами. решил использовать font squirrel. шрифт junegull. закинул, конвертировал, скачал. но вот беда работает только с латинскими. то есть в демке подставляю русский текст - а фиг! хотя шрифт кириллицу поддерживает. во всяком случае в фотошопе работает. вобщем видимо я туплю - тыкните носом плиз. заранее благодарен всем отзвавшимся шрифт брал тут

я чет не понял вы для полосочки делаете колонку шириной в два пикселя? про бордер не слыхали? или там фоном для контейнера сделать... з.ы. а растягивается все четко как хотели height:100% на высоту экрана. ))

добавил этот код в пример buddah - не пашет. чет я не так делаю

А можно это как-то автоматизировать? Скажем у нас там список в выпадающем диве <ul> <li>first</li> <li>second</li> <li>other</li> </ul> так вот чтоб при клике по first - он забивался в инпут

buddah спасибо - почти то что нужно. А как еще сделать чтобы там пункты выбирать и они в поле забивались? Просто в квери я пока что дуб )))

Здравствуйте. Подскажите пожалуйста как сделана форма на http://www.godo.com.au/. Конкретно поля с выпадающим списком. Может кто видел туториалы или подскажет куда копать. Вобщем благодарен буду за любую инфу. Заранее спасибо за помощь

Спасибо Влад. Только что сам нашел ее - как раз хотел написать. Большое спасибо.

Здравствуйте. Прислали макет в Adobe RGB (1998). При открытии мой CS4 сразу материться мол несоответствие, так как рабочая схема sRGB IEC61966-2.1. Предлагает либо конвертнуть в рабочее пространство либо оставить как есть. Если конвертировать - то цвета меняются (почти незаметно но дизайнер недоволен). Выбрал оставить как есть но при сохранении через Save for Web он все равно автоматом конвертит в sRGB. То есть цвет элемента со скрина отличается от цвета в макете. Подскажите можно ли как-то сохранить чтоб те же цвета остались или надо дизайнера напрягать чтоб прислал макет в нормальной цветовой схеме? Заранее благодарен.

Супер - спасибо

вот только width:1px; не работает для ие7 вернее работает - но как раз так как надо - то есть делает ширину в 1 пиксель

deadrash - спасибо

Добрый вечер. Есть такая проблема. Есть меню вертикальное. Пункт активной страницы выделяется фоном. Но нужно чтобы ширина пункта зависела от текста. Вот пример <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> body {background:#719ca5;} ul {list-style:none } .menu { padding:7px 0 40px 14; width:300px; } .menu li { display:table; } .menu a { color:#fff; text-decoration:none; display:block; height:28px; } .menu span { display:block; padding:0 10px } .menu li ul { padding:0 0 0 30px; } .active { height:28px; background:url(images/mc.png) 0 0 repeat-x; margin:0 0 5px; } .active a { height:28px; background:url(images/ml.png) 0 0 no-repeat; } .menu .active a span { height:23px; background:url(images/mr.png) 100% 0 no-repeat; display:block; padding:5px 10px 0; } </style> </head> <body> <ul class="menu"> <li class="active"><a href="#"><span>Пункт1</span></a></li> <li><a href="#"><span>Второй пункт</span></a></li> <li><a href="#"><span>Еще один пункт</span></a></li> <li><a href="#"><span>Второй пункт</span></a></li> <li><a href="#"><span>Еще один пункт</span></a></li> <ul> <li class="active"><a href="#"><span>- а это подпункт</span></a></li> <li><a href="#"><span>- и другой подпункт</span></a></li> <li><a href="#"><span>- и вообще третий</span></a></li> </ul> </li> <li><a href="#"><span>Просто пункт</span></a></li> </ul> </body> </html> Проблема в том что ширина пункта тянется на ширину контейнера (в данном случае .menu). Выглядит это где-то так Вылечил я это дело добавлением .menu li { display:table; } Но в ие6,7 это естесственно не пашет. Пробовал чисто для ие применить .menu li {width:1px;} работает но только для однословных пунктов. так что не вариант. Ну а должно все так выглядеть Подскажите плиз как побороть. И возможно есть другие варианты (не display:table) - буду рад любой помощи

Охох . Мне кажется слегка головняково... А как на счет ресурсов? Не тормозит это все при работе одновременно? Надеюсь что все же есть вариант попроще

Пользовался IE Tester и горя не знал. Пока он меня не подставил раз. Теперь опасаюсь В чем вы тестите. Кто что посоветует? Система WinXP Кто юзал эту штуку стоит качать? можно верить? корректно работает?

psywalker - спасибо - прикольный вариант. Можно ли то же реализовать для резины? clavin - интересуют оба варианта конечно же

Часто приходится сталкиваться с такой ну не то что проблемкой. Вобщем разметка типа такого Есть у нас родительский блок, а внутри него блоки поменьше. И надо чтобы крайние блоки прижимались к краям контейнера. Как я это делаю HTML <div class="container"> <div class="block"></div> <div class="block"></div> <div class="block last"></div> <div class="block"></div> <div class="block"></div> <div class="block last"></div> <div class="block"></div> <div class="block"></div> <div class="block last"></div> </div> CSS .block {float:left;margin:0 30px 30px 0;} /*к примеру*/ .last {margin:0 0 30px} А как вы такое верстаете?

Большое спасибо всем кто отозвался Kaylang - тебе пасиб отдельно. Твой вариант взял на вооружение