Question

Здравствуйте.

У меня на сайте на главной странице, новости должны идти в 2 столбца, т.е. стоять рядышком, но в итоге они почему-то они выстраиваются одним столбиком. Что мне делать?

Answer 1

Прочтите материал - http://forum.ucoz.ru/forum/32-42730-1 где найдете соответствующий код для двух колонок новостей, в который и заверните код вида материалов в модуле новости.

Comments

А как мне эти коды завернуть? 

Вот код вида материалов: 

<article class="entry">
 <div class="entry-wrap clr">
 <?if($IMG_URL1$)?>
 <div class="entry-pic">
 <?if($CATEGORY_NAME$)?><div class="entry-cat"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></div><?endif?> 
 <a href="$ENTRY_URL$"><img alt="$TITLE$" src="$IMG_URL1$" /></a>
 </div>
 <?endif?>
 <div class="entry-content">
 <div class="entry-title"><a href="$ENTRY_URL$">$TITLE$</a> $MODER_PANEL$</div>
 <div class="entry-text"><?if(len($MESSAGE$)>140)?><?substr($MESSAGE$,0,130)?>...<?else?>$MESSAGE$<?endif?></div>
 <div class="entry-details">
 <span><i class="fa-clock-o"></i> $DATE$</span>
 <span><i class="fa-eye"></i> $READS$</span>
 <?if($COMMENTS_URL$)?>
 <span><a href="$COMMENTS_URL$"><i class="fa-comments"></i> $COMMENTS_NUM$</a></span>
 <?endif?>
 <span><i class="fa-star-o"></i> $RATING$</span>
 
 </div>
 </div>
 </div>
</article>

 

---

Текущий ваш код вида материалов, поместите вместо текста вот здесь:

<div style="width:50%; float:left;"> здесь код вашего вида материалов </div>

и должно получиться.

---

Если сделать так, как вы написали, всё на сайте съезжает полностью... Может быть нужно сменить что-то в CSS файле? Я покупал этот шаблон на uTemplate.

---

Просто при покупке, после установки там было в 2 столбца, всё как и надо, а я при редактировании под себя видимо что-то там задел, и теперь они друг под другом выстраиваются... :(

---

пропишите код, что я писал выше, нужно увидеть само искажение, так как не понятно в чем причина пока не увидишь ее

---

Прописал, сейчас правда без искажений.. Но, всё равно также оин остаются друг под другом.

Ксстати, заметил, когда страница загружается, они стоят вместе (это было и до прописания вашего кода), но секунд через 5 они опять друг под друга встают.

---

Вижу, что всему причиной, скрипт который классу entry прибавляет абсолют который и не дает корректно отображаться виду материалов в 2 колонки. Какой скрипт всему причиной я не нашел.

Говорите ранее было все нормально после покупки шаблона, возвращайте дизайн назад, либо обратитесь к автору. Возможно у вас имеются резервные копии, проверяйте.

Либо ждите, что ответит еще кто-то.

---

хотя, добавьте в таблицу стилей CSS в самый низ следующие стили:

article.entry {
    position: relative!important;
    top: 0!important;
}
.entry {width: initial!important;}

должно выровняться в 2 колонки. Из-за того, что изображения в материалов разной ширины, размер блоков будет не одинаков.

---

Выровнялось, но в один большой столбец)))

---

это уже из-за ваших ошибок в стилях:

<style type="text/css"> 
.signsOver {width:100%;} 
.signsOver * {transition: all linear .2s; -moz-transition: all linear .2s; -webkit-transition: all linear .2s; -o-transition: all linear .2s;} 
.signOne {display:inline-block;width:100px;height:100px;position:relative} 
.signOne:hover span {opacity:1;margin-top:0px} 
.signOne span {opacity:0;margin-top:20px;cursor:help;width:100%;height:100%;top:0;left:0;position:absolute;background:rgba(0,0,0,0.7);color:#FFF;font-size:11px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} 
.signOne span i {font-style:normal;padding:10px;display:block} 
.sLoad {background:url('http://yraaa.ru/_pu/25/63354628.png') center no-repeat} 
.sComments {background:url('http://yraaa.ru/_pu/25/45575411.png') center no-repeat} 
.sForum {background:url('http://yraaa.ru/_pu/25/47909650.png') center no-repeat} 
.sReputation {background:url('http://yraaa.ru/_pu/25/32575082.png') center no-repeat} 
.sProtect {background:url('http://yraaa.ru/_pu/25/45136495.png') center no-repeat} 
.sAvatar {background:url('http://yraaa.ru/_pu/25/15996736.png') center no-repeat} 
</style>

вот это в стилях лишнее такого в таблице стилей не должно быть:

<style type="text/css"> </style>

из-за этого ничего корректно и не сработало, удалите.

---

удалил ) Правда это относилось к другому маленько.. Это в персональнйо странице награды появлялись. Но всё равно удалил, ничего не поменялось..

.Там просто сначала они встают рядом друг с другом, а потом опять выравниваются :(

---

> удалил ) Правда это относилось к другому маленько.. Это в персональной странице награды появлялись. Но всё равно удалил, ничего не поменялось..

>> Подобные теги не должны быть в таблице стилей, только в шаблонах, не в таблице стилей, иначе может искажаться дизайн из-за таких тегов которые по ошибке или не знанию вставляется вами в таблицу стилей.

Не все удалили, я же продемонстрировал выше, что нужно удалить, почему вы так невнимательны??

отмеченное на скриншоте удалить, второй раз повторяю 

---

Исправил, о чудо!! Получилось!! Спасибо огромное!