Question

Здравствуйте! Подскажите как уменьшить какртинки (изображения) через стили а именно вот вид изображения

1. <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><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$"><h2>$TITLE$</h2></a></div>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?><div class="eDetails" style="clear:both;">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('16','/.s/t/1711/rating.png','0','float')?></div><?endif?>
<?if($CATEGORY_NAME$)?><a class="e-category" href="$CATEGORY_URL$">$CATEGORY_NAME$</a><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($AUTHOR_NAME$)?><span class="e-author"><span class="ed-title">Author:</span> <span class="ed-value">$AUTHOR_NAME$</span></span><span class="ed-sep"> | </span><?endif?>
<?if($USERNAME$)?><span class="e-add"><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?>
</div></td></tr></table><br />

2 - Как сделать такое http://joxi.ru/DmB8w8eCwp9ZQA

Спасибо

Answer 1

Прописать в стили:

.eMessage img, .eText img { width: 100px; height: 100px; }

вместо 100 прописать нужную ширину и высоту. По второму, поискать на просторорах https://yraaa.ru/ там есть готовые виды материалов с детальными инструкциями.

Comments

Еще вопрос как прописыать чтобы прописывалось описание картинки (Alt).  Например так <img src="/img-files/lessons9/programma-corel-painter.jpg" alt="Программа Corel Painter" title="Программа Corel Painter" width="500"> Спасибо

---

Андрей Павликов,

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

---

webanet,

Мне надо это всё прописать в виде материлов! Как это сделать?

---

Андрей Павликов,

также. прикреплять изображения к краткому описанию

---

webanet,

Правильно ли я прописываю alt и title  <img title="Best Of Disco Hits (2018)" alt="Best Of Disco Hits (2018)" style="margin:0;padding:0;border:0;" src="/_pu/0/s07964292.jpg" align=""> и влияет ли это на продвижение?  Спасибо

---

Андрей Павликов,

Правильно. Альт и титл лишь улучшает индексирование картинок поисковиками в отличие от пустых фото без альта и титла.