oke11o

ААА. Спасибо, Все работает))

Если не про адаптивность а про верстку, то тут ховер состояния немного неправильно работает.

Здравствуйте. Верстаю такую страницу. Хочу сделать красивое появление и затухание при помощи transition для иконки у блока раскрывающихся новостей. http://prntscr.com/3lqfvi Имею такой css: i { opacity: 0; -webkit-transition: opacity @durationStd ease-in-out; -moz-transition: opacity @durationStd ease-in-out; -ms-transition: opacity @durationStd ease-in-out; -o-transition: opacity @durationStd ease-in-out; transition: opacity @durationStd ease-in-out; }И появление происходит как надо (плавно). Но вот при закрытие затухания не происходит, а просто изменяется свойство и элемент мигом исчезает. Подскажите в чем может быть проблема.

Вот это особенно полезно. Спасибо. Теперь проблем с z-index не возникнет

ААА. Ясно, спасибо.

Здравствуйте, помогите разобраться со свойством z-index для тега <img>. Есть такая структура <div class="map"> <img src="..."/> <ul>...</ul> </div> Я прописал свойства: .map ul { z-index: 10; } .map img { position: absolute; z-index: 1; } Но все равно картинка перекрывает список. Почему? PS: Я знаю, что можно сделать картинку свойством background-image, просто хочется разобраться с z-index'ом.

То есть, когда у меня фотки не очень большие и их не очень много, можно все таки обходиться без превьюшек, а просто уменьшать их атрибутом width?

Это кажется само собой разумеющимся, что у фото-галерей да и других фоток есть маленькие дубликаты thumbs. (превьюшки). И я их тоже использую. Но воспрос все же остается. Зачем их используют? Только для того, чтобы уменьшить размер сайта при загрузке? В сети натыкался только на то, как их сделать, а на вопрос "для чего?" ответа нигде не было. Подскажите, пожалуйста.

Если они не захотели качать непонятный архив, то и не надо было вообще отвечать. Ведь я в посте ссылался на блоки из вложенных файлов. Конечно непонятно что это за блоки, когда не видишь всего контекста. Впредь буду ссылаться также и на http://jsfiddle.net Кстати вот то, что хотел то

sigma77, спасибо, то что надо. psywalker, извените, но я с вами не согласен. В чем тут коммерция, когда надо было подсказать одно свойство. Просто я не знал в каком направлении рыть, как только не игрался с margin и float. Я же не прошу полностью шаблон сверстать, для чего служит ветка Коммерческие предложения. ("Поиск сотрудников, предложения от работодателей, заказы на верстку и скрипты.")

Нужно написать css для блока <div id="content">, чтобы он растягивался на всю ширину, с учетом того, что <ul id="left-sidebar"> может отсутствовать. То есть хочу сделать 2 шаблона (2 колонки и 3 колонки), но чтобы css был один. Вот файлы шаблона. Заодно можете прокомментировать верстку, что изменить?

Нашел ошибку. Банальщина. Разница в регистрах.

Странно она показывает несколько разных массивов $newsList. Не знаете почему?

Здравствуйте. Не могу понять почему не работает конструкция. {foreach from=$newsList item=news} <div class="cn-news-object"> <h3>{$news.title}</h3> <a href="/news/{$news.id}"><img src="/files/news/{$news.foto[0].id}.jpg" alt='' width="360" height="240"></img></a> <div class="clear"> </div> </div> {/foreach} Подскажите методы дебага в smarty.

Спасибо, большое. Очень выручил.

ребят, ну подскажите. Вот вся страничка: http://ifolder.ru/25567538

Golgi, нет это не то. Мне не важно содержимое блок. (оно то как раз и должне быть полностью заменено новым). У меня удаляется вот это содержимое ($('div', this).children()). var d = $('div', this).children(); block.html(d);

Не помогает. Там почему-то строчка block.html(d); удаляет элементы из исходного места. А мне этого не надо.

Это фильтр.

Здравствуйте. Помогите исправить ошибку. Обработчик берет div блок, у которого display: none, и вставлять его в другой div блок (у которого настроены стили, и который находится в нужном мне месте). Так вот после первого клика все получается нормально. При втором клике ничего не отображается. Как будто опять свойство display: none. HTML: <div id="cn-menu-light-overlay"> <div id="cn-menu-light-block"> </div> </div> <div class="test-link"> <h4>закуска</h4> <div class="cn-menu-object" style="display: none;"> <h4>чтобы это могло быть?</h4> <img src="images/menu_object.jpg"></img> <ul> <li><span>Цена:</span>300 руб</li> <li><span>Порция:</span>300 г</li> <li><span>Калории:</span>300 кал</li> <li><span>Состав:</span>Мука, вода, рис, курица, яйцо, сахар, специи. Все переммешать и выкинуть.</li> </ul> </div> </div> CSS: #cn-menu-light-overlay img { border: none; } #cn-menu-light-overlay { display: none; position: absolute; top : 0; left : 0; z-index : 90; height : 1500px; width : 100%; background-image: url(../i/overlay.png); } * html #cn-menu-light-overlay{ background-color: #333; back\ground-color: transparent; background-image: url(blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../i/overlay", sizingMethod="scale"); } #cn-menu-light-block { position: absolute; top : 100px; left : 480px; z-index : 100; height : 400px; width : 400px; background-color: #FFF; } .test-link:hover { cursor: pointer;} JS: $(document).ready(function(){ $('div:.test-link').bind('click', showLightBlock); $('div:#cn-menu-light-overlay').bind('click', hideLightBlock); }); function showLightBlock(eventObj) { var block = $('div:#cn-menu-light-overlay div#cn-menu-light-block'); var d = $('div', this).children(); block.html(d); block.find('div').css('display', 'block');; block.css('display', 'block');; $('div:#cn-menu-light-overlay').css('display', 'block'); } function hideLightBlock() { $('div:#cn-menu-light-overlay').css('display', 'none');; }

Отлично, спасибо. То что надо.

Странно, я не увидел сначала код. Это уже хороший толчек вперед. А можно разъяснить, как он работает. В частности filter и z-index(почему надо 999?)

Я думал, это сделать при помощи библиотеки jQuery. Она активно использует css.

Здравствуйте. Стоит такая задача: При клике на ссылку (картинке), не происходит переход, а затемняется задний фон и отображается div блок, который до этого был display:none. То есть по принципу галерей. (например jQuery LightBox http://www.linkexchanger.su/2008/65.html) Активно читаю мануалы по работе с jQuery. Как собрать этот блок вроде понятно. А вот как сделать неактивный фон - нет. Буду рад любой наводке к решению задачи.

супер. Спасибо. Теперь многое прояснилось