Mila

Вот css этого блока: #other { max-width: 570px; position: relative; margin: 20px 0 20px 0; padding: 0; } #other ul { width: 700px; list-style-type: none; display: block; padding: 0; margin: 0; } #other ul li { float: left; position: relative; display: block; margin-right: 21px; width: 18%; height: 100%; line-height: 1.2; } #other img { *zoom: 1; max-width: 90%; width: auto\9; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic; margin-bottom: 10px; } #other ul li a:link, #other ul li a:visited { color: #333; } Я думаю, причина в том, что wordpress задает жесткий размер миниатюр и указывает его в html коде страницы. Но как это побороть?

для этого придется переписать код движка. npofopr, ваш вариант работает только для отдельной картинки, если картинка в обвертке из <li> - это не работает.

При верстке адаптивного шаблона возник вопрос, как масштабировать изображение при изменении окна браузера? Сколько не пробовала - никак не получается. Вот код: <ul> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> </ul> Проблема в том, что шаблон для wordpress и в этом блоке выводятся миниатюры. А для миниатюр, по умолчанию, вордпресс всегда указывает размер. Буду благодарна, если кто то подскажет, как решить эту проблему.

mishka, спасибо за наводку. Если можете, то расскажите подробнее.

Требуется сделать, чтобы при отправке формы и перезагрузке страницы пользователь оказывался в том месте страницы, где находится форма, n.е. поставить якорь на кнопку submit. Я так полагаю, что это можно сделать только с помощью js, только не соображу, как? Буду благодарна, если кто нибудь подскажет.

mishka, спасибо за помощь - теперь работает отлично. Единственное, что хотелось бы добавить, возможность закрытия блока по клике на нем. А то один блок всегда остается открытым. Это возможно?

Очень смешно. А по делу можешь что нибудь сказать?

Почему то глючит аккордеон - при нажатии на <span class="parent">текст</span> открывается блок. При нажатии на следующий елемент <span class="parent">текст</span> - блок открывается, при этом первый открытый блок должен закрываться, а он остается открытым. Причем возникает этот глюк при использовании: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> При использовании версии 1.2.6 все работает нормально. Вот код: JSCRIPT: $(document).ready(function(){ $(".accordion .parent:first").addClass("active"); $(".accordion .children:not(:first)").hide(); $(".accordion .parent").click(function(){ $(this).next(".children").slideToggle("slow") .siblings(".children:visible").slideUp("slow"); $(this).toggleClass("active"); $(this).siblings(".parent").removeClass("active"); }); }); HTML: <ul class="accordion"> <li><span class="parent active">Авто и Мото </span> <ul style="display: none;" class="children"> <li><a href="">Перевозки</a></li> <li><a href="">Ремонт, запчасти</a></li> <li><a href="">Тюнинг</a></li> </ul> </li> <li><span class="parent"> Дом и семья </span> <ul style="display: none;" class="children"> <li><a href="">Мебель</a></li> <li><a href="">Сад и огород</a></li> <li><a href="">Дом и коттедж</a></li> </ul> </li> <li><span class="parent active">Интернет</span> <ul style="display: none;" class="children"> <li><a href="">Провайдеры</a></li> <li><a href="">Работа в сети</a></li> <li><a href="">Интересное</a></li> </ul> </li> </ul> Помогите, пожалуйста, исправить это.

Спасибо, теперь работает.

Никак не могу справиться с этим меню. Помогите, кто-нибудь, плиз...

У меня проблема с выпадающим меню - http://s54.radikal.ru/i146/1103/d5/e8f8e411f32f.jpg При нажатии на ссылку в 1м подменю сразу выпадают все дочерние подменю. HTML: <div id="menu"> <ul class="cat_menu" id="cat_menu"> <li><a href="" class="subcat">Новости</a> <ul> <li><a href="">Мир</a></li> <li><a href="">Видео</a></li> <li><a href="" class="subcat">Горячие новости</a> <ul> <li><a href="" class="subcat">Афиша</a> <ul> <li><a href="">Цирк </a></li> <li><a href="">Фильмы</a></li> <li><a href="">Концерты</a></li> <li><a href="">Спектакли</a></li> <li><a href="">Гороскоп</a></li> <li><a href="">Телепрограмма</a></li> </ul> </li> <li><a href="">Работа</a></li> </ul> </li> <li><a href="">Украина</a></li> </ul> </li> </ul> </div> CSS: /* ========================= Menu */ #menu { background : #c70601; width: 100%; height: 46px; margin: 0 auto 30px; padding: 0; color: #ffffff; text-align: left; z-index: 10; } /* ========================= Cat_menu */ #cat_menu, #cat_menu li { float: left; z-index: 100; list-style-type: none; background: transparent; } #cat_menu { margin: 0; } #cat_menu li { position: relative; margin: 1px 0 0 0; padding: 0; text-align: center; } #cat_menu li:first-child { background : none; } #cat_menu li a, #cat_menu li a:visited { display: block; padding: 11px 17px 14px 17px; color: #fff; font-size: 16px; background: transparent; display: block; } #cat_menu li a:hover, #cat_menu a:active { background : #826e6e; color: #fff; padding: 11px 17px 14px 17px; display: block; text-decoration: none; } /* ========================= Sub Menu */ #cat_menu ul { position: absolute; top: 45px; left: 0; background: #eee; width: 200px; border: 1px solid #ddd; z-index: 1000; display: none; margin: 0; padding: 0; } #cat_menu ul li { float: left; position: relative; width: 200px; height: auto; background: transparent; font-weight: normal; text-align: left; line-height: 1; margin: 0; padding: 0; } #cat_menu ul li a:link, #cat_menu ul li a:visited { color: #c81113; float: left; width: 180px; background: transparent; padding: 6px 10px 8px 10px; font-weight: normal; text-align: left; font-size: 14px; text-decoration: none; } #cat_menu ul li a:hover, #cat_menu ul li a:active { background-color: #826e6e; color: #fff; float: left; width: 180px; height: auto; padding: 6px 10px 8px 10px; font-weight: normal; text-align: left; color: #fff; text-decoration: none; } /* ========================= Sub sub Menu */ ul#cat_menu ul ul { position: absolute; left: 200px; top: 0; display: none; background: #eee; width: 200px; border: 1px solid #ddd; z-index: 1000; } ul#cat_menu ul ul ul { position: absolute; left: 200px; display: none; z-index: 1000; } ul#cat_menu li ul {display: none;} ul#cat_menu li:hover ul {display: block;} ul#cat_menu ul li ul {display: none!important;} ul#cat_menu ul li:hover ul {display: block!important;} ul#cat_menu ul ul li ul {display: none;} ul#cat_menu ul ul li:hover ul {display: block;} Помогите, пожалуйста, это исправить. Вот файл с меню для тех, кто захочет мне помочь - http://depositfiles.com/files/j0dqzywz3

Спасибо, попробую.

http://s013.radikal.ru/i322/1102/d9/8688c5d58e3c.jpg z-index - не работает

Суть вот в чем: есть рамка - #frame, и есть блок изображений, который должен находиться под рамкой - #img_box Проблема заключается в том, что блок изображений с упорством, достойным лучшего примерения, отображается сверху. Вот HTML: <div id="frame"> <div id="img_box"> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> <a href="" rel="bookmark"> <img src="" alt="Что такое Lorem Ipsum?"> </a> </div> </div> ССS: #frame { position: relative; float: left; width: 276px; height: 758px; background:url('/images/frame.png') no-repeat; z-index: 100; } #img_box { position: absolute; top: 108px; left: 58px; width: 140px; height: 607px; z-index: 1!important; } #img_box img { position: relative; margin: 0 0 111px 0; clear: both; z-index: 1!important; } Помогите, пожалуйста, решить эту проблему.

Т.е. это работать не будет, а как исправить, чтобы работало?