Question

Здравствуйте, подскажите пожалуйста, как вывести краткое описание статьи в информере без картинки (которая туда вставлена)? Или другой вариант: как отрегулировать положение и размер картинки из краткого описания статьи в информере?  Или ещё какой-нибудь вариант, но чтобы в информере слева была картинка, сверху название статьи, а справа краткое описание?

Answer 1

Чтобы была возможность регулировки, прежде всего шаблон созданного информера нужно хотя-бы завернуть в отдельный класс вида:

<div class="inf-site">здесь шаблон информера</div>

у вас же шаблон стандартного вида и еще отредактирован под себя как-нибудь, в итоге и за картинку зацепиться нельзя. Отредактируете шаблон, тогда отпишитесь.

Comments

Ну вот такой например шаблон:

<div class="informer">
<div class="informer_title"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" border="0" width="70px"></a></div>
<div class=informer_tekst>Если сюда вставлю краткое описание даже обрезанное на 10 символов, то вылезет картинка целиком во весь рост. А я так не хочу</div></div>

---

Andrey Filimonov,

С таблицы стилей удалить эти стили:

.informer_tekst{font:50%;float:right;}

и добавить:

.informer img {width:200px;float:left;margin-right:10px;}

200 - это размер фото, 10px - это отступ текста от фото, настраивайте как вам нужно.

---

Yuri_Geruk,

Спасибо, а как быть с кратким описанием, чтобы оно корректно выводилось и без картинки? Сейчас так:  <div class="informer"> <div class="informer_title"><a href="$ENTRY_URL$">$TITLE$</a></div> <div><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" border="0" width="70px"></a></div> <div class=informer_t><?(substr($MESSAGE$,0,150))?></div></div>

---

Andrey Filimonov,

У вас в шаблоне информер дополнительно завернут в класс вида:

<div class="informer"> $MYINF_1$</div>

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

• Чтобы скрыть фото, в стили просто добавьте - .informer img {display: none;}

---

Yuri_Geruk,

А как развернуть? У меня в шаблоне нет такого заворота:  <div class="informer"> <div class="informer_title"><a href="$ENTRY_URL$">$TITLE$</a></div> <div><a href="$ENTRY_URL$"><img src="$IMG_URL1$" alt="$TITLE$" border="0" width="70px"></a></div> <div class=informer_t><?(substr($MESSAGE$,0,150))?></div></div>

---

Andrey Filimonov,

Возможно причина в условии - <?(substr($MESSAGE$,0,150))?> может обрезать див внутри текста материала, попробуйте заменить просто на $MESSAGE$ и проверьте результат.

---

Yuri_Geruk,

В итоге вот так сделал:   <div class="informer"> <div class="informer_title"><a href="$ENTRY_URL$"><font color="ffffff">$TITLE$</font></a></div> <div class="jopa"><a href="$ENTRY_URL$"><img src="$IMG_URL1$"></a></div> <div class="infor">$MESSAGE$</div></div>     в таблице css:  /*--Информер на главной странице--*/    .informer {  width:95%;  margin: 10px;  overflow:hidden;  background: #fff;  border-radius:5px; }  .informer_title{  background-color: #AB374C;  padding-left:10px;  font-size:125%;  font-family:'clearsanslight';  text-align: left;  color:#000;  }     .infor {  width:65%;  overflow:hidden;     padding-right:3px;  float:right;  background: #fff;  font-family:'clearsanslight';  text-shadow: 1px 1px 1px #fff;  color: #0A2526; }   .infor img {display: none;}  .jopa {  width:30%; }  .jopa img {  padding: 5px; width:100%;float:left;    }     Может подскажете, как покрасивей сделать? В частности беспокоят картинки, они не по центру и горизонтальные очень маленькие получаются. И при сжатии окна браузера по горизонтали появляется момент, когда текст соскакивает под картинку вправо по диагонали. Как поправить?