Question

Сделал новости на главной странице в две колонки, но почемуто вторая колонка начинается чуть ниже первой

вот код вид материала новостей

 

<div style="width:48%; float:left;margin:5px"> 
<table width="100%" border="0" cellspacing="0" cellpadding="0" 
style="background:#f8f8ff; padding:3px; border:solid #666666 1px; 
margin-bottom:1px;"><tr><td style="padding:3px;">
<?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?>
<?if($ATTACHMENTS$)?><div class="eAttach">Прикрепления: $ATTACHMENTS$</div><?endif?><div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?><span class="e-category"><span class="ed-title">Категория:</span> <span class="ed-value"><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></span></span><span class="ed-sep"> | </span><?endif?>
<span class="e-reads"><span class="ed-title">Переглядів:</span> <span class="ed-value">$READS$</span></span><span class="ed-sep"> | </span>
<?if($USERNAME$)?><span class="e-author"><span class="ed-title">Добавив:</span> <span class="ed-value" ><a href="$PROFILE_URL$">$USERNAME$</a></span></span><span class="ed-sep"> | </span><?endif?>
<span class="e-date"><span class="ed-title">Дата:</span> <span class="ed-value" title="$TIME$">$DATE$</span></span>
<?if($COMMENTS_URL$)?><span class="ed-sep"> | </span><a class="e-comments" href="$COMMENTS_URL$">Коментарі ($COMMENTS_NUM$)</a><?endif?>
| <a href="$ENTRY_URL$"><b>Читати дальше...</b></a>
</div></td></tr></table><br />
</div> 

 

Comments

даже без этотого div[id^="entryID"] .eMessage {
    height: 150px;
    clear: both!important;
    overflow: hidden;
}
div[id^="entryID"] table .eTitle {max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div[id^="entryID"] .eMessage img {
    height: 100px!important;

 

сайт ломается
    width: 150px!important;
}
div[id^="entryID"] .eMessage iframe {display:none;}

---

сделал  мне поламало верхнюю часть ссайта, смотрите  вставил в самом низу то что рекомендовали (может не там вставил?

---

Василь Здеб,

Не вижу сломанного сайта, вы кеш очистите https://ukit.com/ru/help/kak-ochistit-cahe

---

Спасиба, куки почистил,, сайт отображается коректно  Но проблема второй колоки осталась, и некоторые новости прилипли друг к другу ( левая и правая колонка)

Answer 1

это из-за того, что в первой колонке длинное название и оно делится на две строчки

Comments

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

---

Василь Здеб,

Перейти в Панель управления - Главная - Дизайн - Управление дизайном(CSS), удалить все содержимое, после вместо удаленного содержимого установить содержимое с файла https://gimn-kozova.at.ua/.s/src/css/1708.css - Сохранить. После в самый низ стилей прописать:

div[id^="entryID"] .eMessage {
    height: 150px;
    clear: both!important;
    overflow: hidden;
}
div[id^="entryID"] table .eTitle {max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div[id^="entryID"] .eMessage img {
    height: 100px!important;
    width: 150px!important;
}
div[id^="entryID"] .eMessage iframe {display:none;}

это в большей части выровняет отображение.

---

блоки выровняллись но проблема правой колоки (первой новсти) осталась, что можна сделать?

---

Василь Здеб,

Смотрел я ее, но увы решение ломает дизайн еще хуже, вся проблема в стилях:

div[id^="entryID"],.archActive{padding-top:10px} 

именно этот отступ 10px создает проблему, но если его убрать, дизайн вида материалов становится еще хуже.

---

Спасиба за ответы.  если его не убирать, о поставить меньше?  где его найти?

---

Василь Здеб,

Исправить можно как-то так:

div[id^="entryID191"] table {position:relative;top:10px;}
div[id^="entryID191"] div:nth-child(2) {height:147px;}

---

я поставил 4 меньше уже ломает колонки новостей

---

Yuri_Geruk,

нужно добавить внизу? ли заменить?

на

div[id^="entryID191"] table {position:relative;top:10px;}
div[id^="entryID191"] div:nth-child(2) {height:147px;}

---

Василь Здеб,

Да, желательно внизу. Добавить, не заменить.

---

Yuri_Geruk,

добавил, проблема на 1 страницы решилась, но если перейти на вторую (архива) то тоже самое

---

Василь Здеб,

Стили:

div[id^="entryID191"] table {position:relative;top:10px;}
div[id^="entryID191"] div:nth-child(2) {height:147px;}

замените на:

div[id^="entryID191"] div:nth-child(2) {height:147px;}
#allEntries div[id^="entryID"] { padding-top: inherit; }

это решит проблему и для других страниц.

---

так обрезало все одинаково , лиш эти два обрезка пошла больше(прячется время и т д.)

---

Василь Здеб,

Обрезало потому, что я в стилях прописал обрезку так как разная высота блоков не даст корректно отображаться новостям в две колонки и в любом случа один блок будет смещать второй итд и будет все ломаться. Чтобы было ровно, все блоки должны быть одинаковой высоты.

---

Василь Здеб,

Максимум, что могу посоветовать удалить:

div[id^="entryID"] .eMessage iframe {display:none;}

это ничего не сломает, все остальное сломает если удалите, в общем, вам решать, я советовал лишь как лучше.

---

Yuri_Geruk,

так обрезало все одинаково , лиш эти два ( 5 и 6) обрезка пошла больше(прячется время и т д.) 

что в этих болках не так,   (картинка и текст такойже как и в других)

---

Yuri_Geruk,

спасиба  я просто пересмотрел все новсоти, обрезка пошла намного больше только в 5 и 6 блоке

---

Василь Здеб,

Стили:

div[id^="entryID"] .eMessage iframe {display:none;}

можно заменить на:

div[id^="entryID"] .eMessage iframe {max-width:100%;height:auto!important;}

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

---

Yuri_Geruk,

 в 5 и 6  естть достаточно текста ( стрелки указывают на место обреза)  они заполены ( я счас в эти новости еще добавлю текста)

спасибо  за помощь,

---

Василь Здеб,

я не говорю что там пропало, ия имею ввиду что они разной высоты ( хотя созданны как все)  кстати я добавил много текста в эти блоки, ничего не изменилось  почему тогда только они?

---

Василь Здеб,

удалил эти две новости  попробую их зодать заново  Большое спасиба за качественую помощь