Question

Вообщем проблема с отображение Материалов в блоге:

<div class="col grid4" >
<?if($MODER_PANEL$)?>$MODER_PANEL_RIGHT$<?endif?>
<div class="thumb">
<?if($OTHER2$)?>
 <?if($OTHER1$)?><iframe src="$OTHER1$" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><?else?><?if($IMG_URL1$)?><a href="$IMG_URL1$" alt="$TITLE$" class="lightbox mfp-image">
 <img src="$IMG_URL1$" alt="$TITLE$">
<span class="mask"><span class="action"><em class="icon-cross3"></em><strong>”величить</strong></span></span>
 </a><?endif?><?endif?>
<div class="margin-bottom">
<div class="audiojs " classname="audiojs" id="audiojs_wrapper$ID$"><audio src="$OTHER2$" preload="auto"></audio></div>
</div>
<?else?>
 <?if($OTHER3$)?><iframe src="https://www.google.com/maps/embed?pb=$OTHER3$$OTHER4$" frameborder="0" style="border:0"></iframe><?else?>
 <?if($OTHER1$)?><iframe src="$OTHER1$" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><?else?>
 <?if($IMG_URL1$)?><a href="$IMG_URL1$" alt="$TITLE$" class="lightbox mfp-image">
 <img src="$IMG_URL1$" alt="$TITLE$">
<span class="mask"><span class="action"><em class="icon-cross3"></em><strong>”величить</strong></span></span>
 <span class="bottom-arrow"></span>
 </a><?endif?><?endif?><?endif?><?endif?>
 <div class="thumb-info">
 <?if($TITLE$)?><h3><a href="$ENTRY_URL$">$TITLE$</h3></a><?endif?>
 <?if($MESSAGE$)?><?if($TITLE$)?><?else?><blockquote class="quotes"><a href="$ENTRY_URL$"><?endif?><p class="small">$MESSAGE$</p><?if($TITLE$)?><?else?></a></blockquote><?endif?><?endif?>
 <p class="blogpan"><a href="$COMMENTS_URL$"><em class="icon-chat"></em>$COMMENTS_NUM$  омментари<?if($COMMENTS_NUM$%10=0||$COMMENTS_NUM$%10>4||$COMMENTS_NUM$%100>10&&$COMMENTS_NUM$%100<15)?>ев<?else?><?if($COMMENTS_NUM$%10=1)?>й<?else?>€<?endif?><?endif?></a> | <span><em class="icon-calendar"></em> $DATE$</span> | <a href="$PROFILE_URL$"><em class="icon-user"></em> $USERNAME$</a> <?if($CATEGORY_NAME$)?>| <a href="$CATEGORY_URL$"><em class="icon-book"></em> $CATEGORY_NAME$</a><?endif?></p>
 </div>
 </div>
 </div>

Фото не коррекного отображения на этой странице :

 

 

А вот на этой нормально:

 

 

Так в чем может быть проблема? отображаеться правильно через страницу, как ему захочеться.  подскажите плиз, в коде не селен))

Answer 1

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

Comments

Вопрос:

1. закачивать картинки одинакого размера, то какого ?
2. можно кодом сделать?

---

Константин Владыкин,

увы, это не поможет, вы хотите видеть фото с эффектом сдавленного яйца, думаю нет, у вас есть много огромных фото, если их сдавить как вы говорите с помощью стилей, все будет смотреться очень ужасно

---

Yuri_Geruk,

Хорошо я понял, тогда как мне найти подходящий размер? и на странице материала, фото отображаеться в верху в полном размере.

Вот:

 

 

---

А вот на этой странице все изображения разного размера от 1500Х900 до 390х370

 

Что делать в таком случае?

Разобрался следовал вашим советам и сделал по высоте одинаковые картинки, все выравнилось!

---

Yuri_Geruk,

Проблема осталось, вот кусок кода:

<div class="col grid4" >
<?if($MODER_PANEL$)?>$MODER_PANEL_RIGHT$<?endif?>
<div class="thumb">
<?if($OTHER2$)?>
 <?if($OTHER1$)?><iframe src="$OTHER1$" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><?else?><?if($IMG_URL1$)?><a href="$IMG_URL1$" alt="$TITLE$" class="lightbox mfp-image">
 <img src="$IMG_URL1$" alt="$TITLE$">
<span class="mask"><span class="action"><em class="icon-cross3"></em><strong>Увеличить</strong></span></span>
 </a><?endif?><?endif?>
<div class="margin-bottom">
<div class="audiojs " classname="audiojs" id="audiojs_wrapper$ID$"><audio src="$OTHER2$" preload="auto"></audio></div>
</div>
<?else?>
 <?if($OTHER3$)?><iframe src="https://www.google.com/maps/embed?pb=$OTHER3$$OTHER4$" frameborder="0" style="border:0"></iframe><?else?>
 <?if($OTHER1$)?><iframe src="$OTHER1$" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe><?else?>
 <?if($IMG_URL1$)?><a href="$IMG_URL1$" alt="$TITLE$" class="lightbox mfp-image">
 <img src="$IMG_URL1$" alt="$TITLE$">
<span class="mask"><span class="action"><em class="icon-cross3"></em><strong>Увеличить</strong></span></span>
 <span class="bottom-arrow"></span>
 </a><?endif?><?endif?><?endif?><?endif?>
 <div class="thumb-info">
 <?if($TITLE$)?><h3><a href="$ENTRY_URL$">$TITLE$</h3></a><?endif?>
 <?if($MESSAGE$)?><?if($TITLE$)?><?else?><blockquote class="quotes"><a href="$ENTRY_URL$"><?endif?><p class="small">$MESSAGE$</p><?if($TITLE$)?><?else?></a></blockquote><?endif?><?endif?>
 <p class="blogpan"><a href="$COMMENTS_URL$"><em class="icon-chat"></em>$COMMENTS_NUM$  Комментари<?if($COMMENTS_NUM$%10=0||$COMMENTS_NUM$%10>4||$COMMENTS_NUM$%100>10&&$COMMENTS_NUM$%100<15)?>ев<?else?><?if($COMMENTS_NUM$%10=1)?>й<?else?>€<?endif?><?endif?></a> | <span><em class="icon-calendar"></em> $DATE$</span> | <a href="$PROFILE_URL$"><em class="icon-user"></em> $USERNAME$</a> <?if($CATEGORY_NAME$)?>| <a href="$CATEGORY_URL$"><em class="icon-book"></em> $CATEGORY_NAME$</a><?endif?></p>
 </div>
 </div>
 </div>

Добавляю картинки одинаковые, и стоит чуть больше! все летит к чертя (

Как можно решить с помощью стилей?  

---

Константин Владыкин,

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