Помогите с блоком цсс - Webmasters.ru - RSS http://webmasters.ru/forum/showthread.php?t=34007 SEO форум вебмастеров - Поисковые системы, оптимизация, раскрутка сайта, оптимизация и продвижение сайта в поисковых системах 1742103815 Elesite CMS 60 http://webmasters.ru/forum/images/wm/misc/rss.png SEO форум вебмастеров Webmasters.ru http://webmasters.ru/forum Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=336442 Wed, 26 Sep 2012 11:03:38 GMT есть код: /*related articles*/ #related {float:left;width:620px;overflow:hidden;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;} .full-width #related {width:720px;} #related ul.tabnav {width:1600px;float:left;background:#464646;border:1px solid #202020;height:37px;color:#BBB;margin:0px;} #related ul.tabnav li.title {height:29px;float:left;padding:9px 6px 0px 15px !important;background:#2b2b2b url(images/section-bullet-2.png) no-repeat 4px 11px;color:#FFF;text-transform:uppercase;font-size:14px;font-family:BebasNeueRegular, Arial, Sans-Serif;} #related ul.tabnav li.arrow {width:11px;height:37px;background:url(images/arrow-related-right.png) no-repeat 0px 0px;} #related ul.tabnav li a {padding:9px 10px 9px 10px;height:27px;font-family:Arial, Helvetica, sans-serif;color:#AAA;font-size:11px;text-transform:uppercase;} #related ul.tabnav li a:hover, #related ul.tabnav li a:active, #related ul.tabnav li.ui-tabs-selected a, #related .tabdiv li.more a:hover {background:url(images/arrow-related-down.png) no-repeat center bottom !important;} #related .tabdiv-wrapper {border:1px solid #DFDFDF;background:#F7F7F7;padding:15px 11px 15px 13px;} .full-width #related .tabdiv-wrapper {padding:20px 20px 15px 28px;} #related .panel {float:left;width:110px;margin:0px 20px 20px 0px;} .full-width #related .panel {margin:0px 28px 28px 0px;} #related .panel.right {margin-left:0px;} #related .panel a.post-title {font-size:11px;;color:#666;display:inline;padding-top:10px;line-height:1.4em;} #related .panel a.post-title:hover {color:#999;} данный код выводит картинки после статьи в полной новости, в настройках отображается не больше 5 новостей ( в админке выставляется)похожих, но они идут в 2 столбика ( в верхнем 3, а в нижнем 2) как я не крутил код ( пробовал растягивать блок и ставить block - inline (цсс не знаю, пробовал методом тыка и интуитивно но не вышло)), у меня не получается,чтобы эти 5 новостей выводились не в 2 столбика, а горизонтальной линией, помогите пожалуйста. Помогите с блоком цсс by OKyJIucT http://webmasters.ru/forum/showpost.php?p=336446 Wed, 26 Sep 2012 11:17:04 GMT А сам код блоков похожих новостей в HTML где? Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=336448 Wed, 26 Sep 2012 11:30:32 GMT покажу, где его взять, в сингл.пхп? Помогите с блоком цсс by valear http://webmasters.ru/forum/showpost.php?p=336695 Wed, 26 Sep 2012 22:42:03 GMT poltava, если это Вордпресс, то отдельная новость выводится либо single.php, page.php либо с помощью своей страницы. Полагаю, что тут ситуация с CSS лишь посредственно связана. Помогите с блоком цсс by MacLeo http://webmasters.ru/forum/showpost.php?p=336701 Wed, 26 Sep 2012 23:43:08 GMT Ссылку на страницу покажите, пожалуйста. Так будет проще ориентироваться. Помогите с блоком цсс by PlaGoSWM http://webmasters.ru/forum/showpost.php?p=336709 Thu, 27 Sep 2012 02:43:15 GMT poltava, не пойму причем css? Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=336843 Thu, 27 Sep 2012 11:55:17 GMT т.к. в файле, отвечающий за вывод похожих нет функций отвечающий за стиль, поэтому и взял цсс, в админке шаблона показана лишь количество выводимых, а не их стиль, поэтому и взял цсс, больше не знаю как еще можно Помогите с блоком цсс by Akara http://webmasters.ru/forum/showpost.php?p=336863 Thu, 27 Sep 2012 12:53:37 GMT Судя по этой строке #related .panel {float:left;width:110px;margin:0px 20px 20px 0px;} ширина одной новости получается 110px+20px, т.е все блоки вместе 650px, а ширина родителя всего 620px. Уже выходит, что один блок должен съехать вниз. вот тут, например, тоже #related .tabdiv-wrapper {border:1px solid #DFDFDF;background:#F7F7F7;padding:15px 11px 15px 13px;} скорее всего новости и в этот блок вложены, т.е. еще вычитаем из 620px 11, 13px и бордер справа и слева по 1px Плюс еще где-нибудь могут быть какие-нибудь отступы, бордеры, сложно судить только по css. Непонятно, что во что вложено, да и вообще. Попробуйте уменьшить width у #related .panel до 50px, например, чтобы точно увидеть, что блоки не влезают именно из-за стилей. Если сработает, там уже пропорционально уменьшайте все отступы и ширину блоков, чтоб смотрелось красиво и все влезало. Но вообще выше правильно сказали, урл решил бы все проблемы гораздо быстрее Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=337139 Fri, 28 Sep 2012 10:38:57 GMT http://mynewspaper.ru/frukt-pomelo-i-ego-poleznye-svojstva/ в низу страницы Помогите с блоком цсс by OKyJIucT http://webmasters.ru/forum/showpost.php?p=337144 Fri, 28 Sep 2012 10:48:47 GMT Найдите в каком то из файлом шаблона (в вордпрессе не разбираюсь, скорей всего файл или полной новости, или вывод похожих новостей) тег и просто уберите его полностью. Только все 5 не вместятся в одну линию, ширины блока не хватит. Чтобы вместились, необходимо это #related .panel { float: left; width: 110px; margin: 0px 20px 20px 0px; } заменить на это #related .panel { float: left; width: 110px; margin: 0px 4px 20px 4px; } по идее 430 строка файла style.css, думаю, найдете и просто уберите его полностью. Только все 5 не вместятся в одну линию, ширины блока не хватит. Чтобы вместились, необходимо это #related .panel { float: left; width: 110px; margin: 0px 20px 20px 0px; } заменить на это #related .panel { float: left; width: 110px; margin: 0px 4px 20px 4px; } по идее 430 строка файла style.css, думаю, найдете]]> Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=337286 Fri, 28 Sep 2012 17:53:38 GMT все сделал как вы написали - не помогло, ничего не изменилось Помогите с блоком цсс by OKyJIucT http://webmasters.ru/forum/showpost.php?p=337295 Fri, 28 Sep 2012 18:51:40 GMT poltava, видимо не сделали, в исходном коде страницы есть эта строка ( _http://clip2net.com/s/2lsW1 скрин). Попробуйте кеш в движке почистить, может он не дает применить изменения. В исходном коде удалил строку и все стало на свои места _http://clip2net.com/s/2lsXh скрин и все стало на свои места _http://clip2net.com/s/2lsXh скрин]]> Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=337374 Fri, 28 Sep 2012 22:15:20 GMT премного благодарен, ошибка была в том, что, как оказалось, в файле было 3 а удалил только 1. благодарю за помощь. правда теперь картинки полностью прилипли к бордюру верхнему и получается немного некрасиво, как это можно подкорректировать? а удалил только 1. благодарю за помощь. правда теперь картинки полностью прилипли к бордюру верхнему и получается немного некрасиво, как это можно подкорректировать?]]> Помогите с блоком цсс by Akara http://webmasters.ru/forum/showpost.php?p=337376 Fri, 28 Sep 2012 22:20:04 GMT poltava, нужно в файле стилей к #related .tabdiv-wrapper добавить overflow: hidden; Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=339058 Thu, 04 Oct 2012 07:44:13 GMT ребята, прошу еще раз помочь. Сейчас заметил, что в некоторых статьях картинки поползли. Я поставил вывод 10 похожих новостей. в некоторых статьях они красиво в 2 столбика идут, а в некоторых 1 столбик нормально, во втором 1 запись*картинка)а в третьем остальные 4. Думал, может из-за длинного тайтла, но попробовал уменьшит и не помогло. Не поможете еще раз? Помогите с блоком цсс by Akara http://webmasters.ru/forum/showpost.php?p=339076 Thu, 04 Oct 2012 08:30:54 GMT Скорее всего именно от длины заголовка это и зависит, потому что у блоков разная высота получается. Можно после каждой пятой новости поставить как было раньше . Это, наверное, самый простой способ. Либо поменять стили как-нибудь так #related .panel { display: inline-block; margin: 0 2px 20px; min-height: 80px; vertical-align: top; width: 110px; } . Это, наверное, самый простой способ. Либо поменять стили как-нибудь так #related .panel { display: inline-block; margin: 0 2px 20px; min-height: 80px; vertical-align: top; width: 110px; }]]> Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=339369 Thu, 04 Oct 2012 18:28:10 GMT а как это сделать,чтобы после каждой 5 шел клирер? код вставил в цсс, но не помогло Помогите с блоком цсс by Akara http://webmasters.ru/forum/showpost.php?p=339513 Fri, 05 Oct 2012 08:38:07 GMT Код вроде должен работать, просто нужно найти в css #related .panel и заменить на тот код, что я написала. Как clearer вставить сложно сказать. Можете сюда написать кусок кода, который за вывод похожих записей отвечает? Что-нибудь придумаем. Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=339799 Fri, 05 Oct 2012 20:40:58 GMT вроде как этот файл. [PHP] ID, "Hide Related", $single = true); if($override!="" && $override!="null") { $oswc_related_hide=$override; if($oswc_related_hide=="false") { $oswc_related_hide=false; } else { $oswc_related_hide=true; } } ?> ID); //get all tag objects for this post $hiddentags = array('dummy_first_value'); //add this so a key of 0 cannot trigger an un-hidden tag $args = array(); $count_tax=0; foreach($tags as $tag){ //don't include template tags if($tag->name!="featured" && $tag->name!="slider" && $tag->name!="spotlight") { $names[$tag->term_id] = $tag->name; $slugs[$tag->term_id] = $tag->slug; $args[$tag->term_id] = array( // get other articles of same tag 'paged' => $paged, 'post__not_in' => array($post->ID), 'posts_per_page' => $oswc_related_number, 'tag_id' => $tag->term_id ); //check to see if this query generates results $test_loop = new WP_Query($args[$tag->term_id]); //if not... if(!$test_loop->have_posts()) { //echo "hiding ".$tag->name."
"; $hiddentags[] = $tag->name;//add this tag to the "hide" list } else { $count_tax++; } wp_reset_query(); } } //check category in case there aren't any posts in any of the same tags if($count_tax==0) { $hiddentags=array('dummy_first_value'); //add this so a key of 0 cannot trigger an un-hidden tag $names=array(); $slugs=array(); $args=array(); $tags = wp_get_object_terms($post->ID,'category'); foreach($tags as $tag){ $names[$tag->term_id] = $tag->name; $slugs[$tag->term_id] = $tag->slug; //echo "term_name=".$names[$tag->term_id]."
"; $args[$tag->term_id] = array( // get other articles of same category 'paged' => $paged, 'post__not_in' => array($post->ID), 'posts_per_page' => $oswc_related_number, 'category_name' => $slugs[$tag->term_id] ); //check to see if this query generates results $test_loop = new WP_Query($args[$tag->term_id]); //if not... if(!$test_loop->have_posts()) { //echo "hiding ".$tag->name."
"; $hiddentags[] = $tag->name;//add this taxonomy to the "hide" list } else { $count_tax++; } $count_cats++; wp_reset_query(); } } ?> ]]>
Помогите с блоком цсс by Akara http://webmasters.ru/forum/showpost.php?p=339806 Fri, 05 Oct 2012 21:01:30 GMT poltava, насколько я понимаю почти в самом начале файла количество колонок. Видимо без сайдбара - 3, с сайдбаром - 5 if (!$oswc_post_sidebar_hide) { $columns=3; } else { $columns=5; } а сам нужно добавить вот сюда //сюда нужно добавить вот сюда
//сюда ]]>
Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=339869 Sat, 06 Oct 2012 07:52:39 GMT менял количество колонок - ничего не менялось. вставил тег клирер - статьи опять начали выводится в столбик, как и раньше( Помогите с блоком цсс by Akara http://webmasters.ru/forum/showpost.php?p=339880 Sat, 06 Oct 2012 08:39:56 GMT Тогда проще сделать через css. у вас вот так как-то сейчас #related .panel {float:left;width:110px;margin:0px 2px 20px;} нужно заменить на вот это. Обязательно убрать float:left; #related .panel { display: inline-block; margin: 0 2px 20px; min-height: 80px; vertical-align: top; width: 110px; *display: inline; _height: 80px; } Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=340020 Sat, 06 Oct 2012 16:47:35 GMT выручили в очередной раз.премного благодарен Помогите с блоком цсс by poltava http://webmasters.ru/forum/showpost.php?p=375892 Wed, 12 Dec 2012 22:22:08 GMT Akara, Здравствуйте, не могли бы помочь еще раз,пожалуйста. Поставил немного другой шаблон, но суть такая же, как и в старом, сделал так же, как вы мне подсказали в предыдущий раз, но увы, почему-то не вышло. /*related articles*/ #related .clear-responsive {display:none;} #related {float:left;width:620px;overflow:hidden;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;} .full-width #related {width:720px;} #related ul.tabnav {width:1600px;float:left;background:#464646;border:1px solid #202020;height:37px;color:#BBB;margin:0px;} #related ul.tabnav li.title {height:29px;float:left;padding:9px 6px 0px 13px !important;background:#2b2b2b;color:#FFF;text-transform:uppercase;font-size:18px;font-family:BebasNeueRegular, Arial, Sans-Serif;} #related ul.tabnav li.arrow {width:11px;height:37px;background:url(images/arrow-related-right.png) no-repeat 0px 0px;} #related ul.tabnav li a {padding:9px 10px 9px 10px;height:27px;font-family:Arial, Helvetica, sans-serif;color:#AAA;font-size:11px;text-transform:uppercase;border-left:none !important;border-right:none !important;} #related ul.tabnav li a:hover, #related ul.tabnav li a:active, #related ul.tabnav li.ui-tabs-selected a, #related .tabdiv li.more a:hover {background:url(images/arrow-related-down.png) no-repeat center bottom !important;color:#FFF !important;border-left:none !important;border-right:none !important;} #related .tabdiv-wrapper {border:1px solid #DFDFDF;background:#FFF;padding:15px 11px 15px 13px;} .full-width #related .tabdiv-wrapper {padding:20px 20px 15px 28px;} #related .panel { display: inline-block; margin: 0 2px 20px; min-height: 80px; vertical-align: top; width: 110px; *display: inline; _height: 80px; } пример: mynewspaper.ru/malina-poleznye-svojstva-polza-maliny-i-lechenie-malinoj Помогите с блоком цсс by Akara http://webmasters.ru/forum/showpost.php?p=375898 Wed, 12 Dec 2012 22:52:21 GMT poltava, после третьей миниатюры удалите и все должно выстроиться в одну линию) и все должно выстроиться в одну линию)]]>