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; } Помогите, пожалуйста, решить эту проблему.

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

Int, если бы я могла написать это сама - я бы так и сделала, к сожалению, мои начальные знания php не позволяют это сделать. get_post_meta - это стандартная функция wordpress, выводящая информацию из произвольного поля.

Int, к сожалению, не работает ваша конструкция. Может я неправильно "адаптировала под свои задачи"? Можете глянуть, в чем я ошиблась? <?php // custom field at add/edit post $delightb_custom_field['image'] = array( "type" => "text", "name" => "image", "label" => "", "std" => "", "desc" => "Загрузите изображение и вставьте сюда прямую ссылку на него.<br /> Например, так: <b>/wp-content/uploads/1.jpg</b><br /> Размер изображения: 500px на 280px.", "help" => "", ); $delightb_custom_field['thumbnail'] = array( "type" => "text", "name" => "thumbnail", "label" => "", "std" => "", "desc" => "Загрузите изображение и вставьте сюда прямую ссылку на него.<br /> Например, так: <b>/wp-content/uploads/2.jpg</b><br /> Размер изображения: 220px на 135px", "help" => "", ); function delightb_customfields_content() { global $post,$delightb_custom_field; echo '<table width="100%" cellpadding="0" cellspacing="0">'."\n"; foreach ($delightb_custom_field as $single_customfield) { $customfieldvalue = get_post_meta($post->ID,$single_customfield["name"],true); if ($customfieldvalue == '' || !isset($customfieldvalue)) { $customfieldvalue = $single_customfield['std']; } echo '<tr>'; echo '<th style="width:120px;text-align:left;padding:10px 10px 0 10px;"><label>'.$single_customfield['label'].'</label>'; if ($single_customfield["help"] != '') { echo '<p><small>'.$single_customfield["help"].'</small></p>'; } echo '</th><td style="padding-top:10px;"><form enctype="multipart/form-data"><input size="90" type="file" value="'.$customfieldvalue.'" name="delightb_'.$single_customfield["name"].'" onblur="if(this.value!=\'\')document.getElementById(\'preview_of_'.$single_customfield["name"].'\').innerHTML=\'<center><img src=\\\'\'+this.value+\'\\\' width=\\\'110\\\' height=\\\'80\\\' style=\\\'border:1px solid #dddddd;padding:2px;\\\' /></center>\';" id="delightb_customfield_'.$single_customfield['name'].'" /><input type="submit"></form></td>'."\n"; if (isset($_FILES['.$single_customfield["name"].'])) move_uploaded_file($_FILES['.$single_customfield["name"].']['tmp_name'],'/wp-content/uploads/'.basename($_FILES['.$single_customfield["name"].']['.$single_customfield["name"].'])); echo '</tr>'; echo '<tr><td style="width:120px;border-bottom:1px dotted #aaaaaa;padding:0"><div id="preview_of_'.$single_customfield["name"].'">'; if ($customfieldvalue!='') { echo '<img src="/wp-content/uploads/'.$customfieldvalue.'" width="110" height="80" style="border:1px solid #dddddd;padding:2px;margin:0 0 10px 10px" />'; } echo '</div></td><td style="border-bottom:1px dotted #aaaaaa;padding:0;margin:0">'.$single_customfield['desc'].'</td></tr>'; } echo '</table>'; } function delightb_customfields_insert($postID) { global $delightb_custom_field; foreach ($delightb_custom_field as $single_customfield) { $var = "delightb_".$single_customfield["name"]; if (isset($_POST[$var])) { if( get_post_meta( $postID, $single_customfield["name"] ) == "" ) add_post_meta($postID, $single_customfield["name"], $_POST[$var], true ); elseif($_POST[$var] != get_post_meta($postID, $single_customfield["name"], true)) update_post_meta($postID, $single_customfield["name"], $_POST[$var]); elseif($_POST[$var] == "") delete_post_meta($postID, $single_customfield["name"], get_post_meta($postID, $single_customfield["name"], true));}}} function delightb_meta_box() { if ( function_exists('add_meta_box') ) { add_meta_box('zenv-settings',$GLOBALS['themename'].' Изображения','delightb_customfields_content','post','normal'); add_meta_box('zenv-settings',$GLOBALS['themename'].' Изображения','delightb_customfields_content','page','normal'); } } add_action('admin_menu', 'delightb_meta_box'); add_action('wp_insert_post', 'delightb_customfields_insert'); ?>

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

Все, разобралась - в принципе работатет. Но теперь возникла еще одна проблема: Параметр value="'.$customfieldvalue.'" передает в произвольное поле адрес картинки, т.е. путь к ней+название. Если заменить "type" => "text" на "type" => "file" - то передается только название картинки, а поскольку путь к ней не передается, то неизвестно, где искать эту картинку - в итоге она не загружается. Поставила перед value="/wp-content/uploads/'.$customfieldvalue.'" - не помогло. Помогите, плиз, решить эту проблему.

Я вывожу на странице редактирования записи (движок - Wordpress) дополнительное поле для вставки в него ссылки на изображение, выводимое в статье. Фунцция, используемая в нем работает с custom_field, ключ - thumbnail Вот код: <?php // custom field at add/edit post $delightb_custom_field['thumbnail'] = array( "type" => "text", "name" => "thumbnail", "label" => "<p>Изображение</p>", "std" => "", "desc" => "Загрузите изображение и вставьте сюда прямую ссылку на него.", "help" => "", ); function delightb_customfields_content() { global $post,$delightb_custom_field; echo '<table width="100%" cellpadding="0" cellspacing="0">'."\n"; foreach ($delightb_custom_field as $single_customfield) { $customfieldvalue = get_post_meta($post->ID,$single_customfield["name"],true); if ($customfieldvalue == '' || !isset($customfieldvalue)) { $customfieldvalue = $single_customfield['std']; } echo '<tr>'; echo '<th style="width:120px;text-align:left;padding:10px 10px 0 10px;"><label>'.$single_customfield['label'].'</label>'; if ($single_customfield["help"] != '') { echo '<p><small>'.$single_customfield["help"].'</small></p>'; } echo '</th><td style="padding-top:10px;"><input size="90" type="'.$single_customfield['type'].'" value="'.$customfieldvalue.'" name="delightb_'.$single_customfield["name"].'" onblur="if(this.value!=\'\')document.getElementById(\'preview_of_'.$single_customfield["name"].'\').innerHTML=\'<center><img src=\\\'\'+this.value+\'\\\' width=\\\'110\\\' height=\\\'80\\\' style=\\\'border:1px solid #dddddd;padding:2px;\\\' /></center>\';" id="delightb_customfield_'.$single_customfield['name'].'" /></td>'."\n"; echo '</tr>'; echo '<tr><td style="width:120px;border-bottom:1px dotted #aaaaaa;padding:0"><div id="preview_of_'.$single_customfield["name"].'">'; if ($customfieldvalue!='') { echo '<img src="'.$customfieldvalue.'" width="110" height="80" style="border:1px solid #dddddd;padding:2px;margin:0 0 10px 10px" />'; } echo '</div></td><td style="border-bottom:1px dotted #aaaaaa;padding:0;margin:0">'.$single_customfield['desc'].'</td></tr>'; } echo '</table>'; } function delightb_customfields_insert($postID) { global $delightb_custom_field; foreach ($delightb_custom_field as $single_customfield) { $var = "delightb_".$single_customfield["name"]; if (isset($_POST[$var])) { if( get_post_meta( $postID, $single_customfield["name"] ) == "" ) add_post_meta($postID, $single_customfield["name"], $_POST[$var], true ); elseif($_POST[$var] != get_post_meta($postID, $single_customfield["name"], true)) update_post_meta($postID, $single_customfield["name"], $_POST[$var]); elseif($_POST[$var] == "") delete_post_meta($postID, $single_customfield["name"], get_post_meta($postID, $single_customfield["name"], true));}}} function delightb_meta_box() { if ( function_exists('add_meta_box') ) { add_meta_box('zenv-settings',$GLOBALS['themename'].' Изображения','delightb_customfields_content','post','normal'); add_meta_box('zenv-settings',$GLOBALS['themename'].' Изображения','delightb_customfields_content','page','normal'); } } add_action('admin_menu', 'delightb_meta_box'); add_action('wp_insert_post', 'delightb_customfields_insert'); ?> Мне нужно, чтобы поле для ввода изображения имело type="file", т.е. работала загрузка изображений с компьютера пользователя. Вот код: <input size="90" type="'.$single_customfield['type'].'" value="'.$customfieldvalue.'" name="delightb_'.$single_customfield["name"].'" onblur="if(this.value!=\'\')document.getElementById(\'preview_of_'.$single_customfield["name"].'\').innerHTML=\'<center><img src=\\\'\'+this.value+\'\\\' width=\\\'110\\\' height=\\\'80\\\' style=\\\'border:1px solid #dddddd;padding:2px;\\\' /></center>\';" id="delightb_customfield_'.$single_customfield['name'].'" /> Как в input заменить значение атрибута type? Помогите, пожалуйста, это сделать.

Спасибо за помощь - я и не знала, что для этого есть сколько способов. Воспользовалась первым, хотя и второй пригодится в будущем.

Верстаю сложный 4х-колоночный шаблон. HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head profile="http://gmpg.org/xfn/11"> </head> <body> <div id="container"> <div id="header"></div> <div id="page"> <div class="maincolumn"> Контент </div><!-- end maincolumn --> <div id="sidebar_1"></div> <div id="sidebar_2"></div> <div id="sidebar_3"></div> </div><!-- end page --> <div id="footer"></div> </div><!-- end container --> CSS: #container { position : relative; width: 1190px; height: 100%; margin : 0 auto 0; overflow: hidden; } #page { position : relative; float: left; width: 1190px; background: #fff; margin : 0 auto 20px; padding : 0; text-align : left; overflow : hidden; } .sidebar_1, .sidebar_2, .sidebar_3 { position: relative; float: left; width : 240px; text-align: left; font-weight : normal; margin : 0 20px 10px 0; padding : 0; } .sidebar_2 { width : 170px; } .maincolumn { float : left; width : 480px; height: 100%; margin: 0 20px 10px 0; padding : 0; text-align : left; font-size : 13px; overflow: hidden; } Контент в коде должен располагаться выше сайдбаров, а визуально должен сначала стоять 1й сайдбар, потом контент, потом 2й и 3й сайдбары. Подскажите, пожалуйста, как это сделать. Пыталась так: .sidebar_1 { position: absolute; left: 0; top: 0; } .maincolumn { margin: 0 20px 10px 260px; } Но, тогда .sidebar_1 не должен быть длинее других колонок, иначе все, что расположено ниже обрезается. Подскажите, плиз...

Спасибо, разобралась.

Мне нужно, чтобы блоки располагались на странице один за другим без промежутков. А получается вот что - http://i042.radikal.ru/1101/f3/c05e0ed9c24b.jpg Вот стиль для этих блоков: .cat_box { position: relative; float: left; width: 150px; height: auto; margin: 0 8px 15px 0; padding: 0; border: 1px solid red; } Подскажите, плиз, как это исправить?

Scrum, к сожалению ваш код ничего не выводит. Я заменила в нем вывод названий и анонсов стандартными wordpress-функциями, но и это не помогло. Что касается хода ваших рассуждений: 1. numberposts= - это количеством анонсов, которые загружаются (выводятся в цикле foreach), а $limit=1, это количество видимых пользователю записей. Если numberposts=1 - значит в цикле будет загружаться 1 анонс, и значит при клике по кнопке "Следующая запись" эта следующая запись не появится. Откуда ей взяться, если цикл foreach вывел всего одну запись? Если numberposts=2 или 10, то без указания $limit=1 на странице отобразятся все 2 или 10 анонсов, что не есть хорошо, т.к. отображаться должен только один анонс. А уже по клику на кнопке "Следующая запись" должна появляться следующая запись. 2. саt=23 тоже нужно указывать, т.к. требуется получить статьи из конкретной категории, а по клику на кнопке "Следующая запись" должна появляться следующая запись из этой же категории.