Question

 Уважаемые помогите пожалуйста убрать пустое место под изображением.Обвёл красным, нужно что бы текст обтикал изображение

 

 

 

Answer 1

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

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td valign="top"><div style="text-align:jastify;">$BRIEF$<br>$MESSAGE$</div>
<table border="0" cellpadding="10" cellspacing="1"><tr>
<?if($SWF_LINK$)?><td align="center" valign="top"><?if($CID$=='7')?><a href="$SWF_LINK_DIRECT$" target="_blank"><?else?><a href="$SWF_LINK$"><?endif?><img alt="" border="0" src="/.s/img/icon/play.png" width="32" height="32"></a><div style="font-size:10px"><?if($CID$=='8')?><a href="$SWF_LINK_DIRECT$" target="_blank"><?else?><a style="text-decoration:none;" href="$SWF_LINK$"><?endif?><b><!--<s5392>-->Играть онлайн<!--</s>--></b></a></div></td><?endif?>
<?if($FILE_URL$)?><a href="$FILE_URL$" target="_blank" download >Скачать</a> ($FILE_SIZE$)<?else?>Файл для скачивания отсутствует<?endif?>
<?if($LINK_PC$)?><td align="center" valign="top"><a href="$LINK_PC$"><img alt="" border="0" src="/.s/img/icon/download1.png" width="32" height="32"></a><div style="font-size:10px"><a style="text-decoration:none;" href="$LINK_PC$"><!--<s5393>-->Скачать для<!--</s>--> PC</a></div></td><?endif?>
<?if($LINK_MAC$)?><td align="center" valign="top"><a href="$LINK_MAC$"><img alt="" border="0" src="/.s/img/icon/download2.png" width="32" height="32"></a><div style="font-size:10px"><a style="text-decoration:none;" href="$LINK_MAC$"><!--<s5393>-->Скачать для<!--</s>--> Mac</a></div></td><?endif?>
<?if($LINK_MOBILE$)?><td align="center" valign="top"><a href="$LINK_MOBILE$"><img alt="" border="0" src="/.s/img/icon/download3.png" width="32" height="32"></a><div style="font-size:10px"><a style="text-decoration:none;" href="$LINK_MOBILE$"><!--<s5393>-->Скачать для<!--</s>--> Mobile</a></div></td><?endif?></tr>
</table>
</td><td width="180" align="center" valign="top">
<script type="text/javascript">if (typeof(allEntImgs$ID$)!='undefined'){var ar=Math.floor(Math.random()*allEntImgs$ID$.length); document.write('<img alt="Илюстрации к материалу" title="Скриншоты" src="'+allEntImgs$ID$[ar][3]+'" width="'+allEntImgs$ID$[ar][4]+'" border="0" onclick="_bldCont1($ID$, ar);" style="cursor:pointer;">');}</script>
<?if($RATING$)?><div style="margin-top:4px"><?$RSTARS$('30','/.s/img/stars/3/30.png','1','float')?><div style="font-size:10px"><!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<span id="entRated$ID$">$RATED$</span></div></div><?endif?></td></tr>
<tr><td class="eDetails1" colspan="2"><?if($NUM_ENTRIES$>1)?><div style="float:right;" class="entPrevNext"><noindex><a href="$PREVIOUS_ENTRY_URL$" rel="nofollow">&laquo; Назад</a></noindex> | <noindex><a href="$NEXT_ENTRY_URL$" rel="nofollow">Вперед &raquo;</a></noindex></div><?endif?><span class="e-counters"><span class="ed-title"><!--<s5394>-->Счетчики<!--</s>-->:</span> <span class="ed-value"><b title="Просмотры">$READS$</b><?if($SWF_LINK$)?>/<b title="Запуски" class="myWinSuccess">$RUNS$</b><?endif?><?if($LINK_PC$ || $LINK_MAC$ || $LINK_MOBILE$)?>/<b title="Загрузки" class="myWinError">$LOADS$</b><?endif?></span></span>
<?if($USER$)?> | <span class="e-add"><span class="ed-title"><!--<s3178>-->Добавил<!--</s>-->:</span> <span class="ed-value"><a href="$PROFILE_URL$">$USER$</a></span></span><?endif?>
<?if($AUTHOR_NAME$)?><span class="ed-sep"> | </span><span class="e-author"><span class="ed-title"><!--<s5173>-->Автор<!--</s>-->:</span> <span class="ed-value">$AUTHOR_NAME$</span></span><?endif?>
<?if($TAGS$)?><span class="ed-sep"> | </span><span class="e-tags"><span class="ed-title"><!--<s5308>-->Теги<!--</s>-->:</span> <span class="ed-value">$TAGS$</span></span><?endif?>
</td></tr>
</table>

 

Comments

Yuri_Geruk,

Спасибо огромное!!! Это что получается просто надо было выравнивание по центру разместить, а не по верхнему краю строки!

---

Юрий Подчезерцев,

не успел посмотреть, что у вас получилось. Если вас устраивает полученый результат по совету Yuri_G, то можно вопрос считать решёным (с таблицами мороки меньше), но если не совсем, то в моём ответе поменяйте местами 

<div style="text-align:jastify;">$MESSAGE$</div>

и

<div style="width: 180px; float: right" valign="top">
<script type="text/javascript">if (typeof(allEntImgs$ID$)!='undefined'){var ar=Math.floor(Math.random()*allEntImgs$ID$.length); document.write('<img alt="" title="УВЕЛИЧЕНИЕ ПО КЛИКУ" src="'+allEntImgs$ID$[ar][3]+'" width="'+allEntImgs$ID$[ar][4]+'" border="0" onclick="_bldCont1($ID$, ar);" style="cursor:pointer;">');}</script>
<?if($RATING$)?><div style="margin-top:4px"><?$RSTARS$('30','/.s/t/1221/30.png','1','float')?><div style="font-size:10px"><!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<span id="entRated$ID$">$RATED$</span></div></div><?endif?></div>

 

---

Юрий Евстафьев,

Юран вот ты кокраз, не в обиду Yuri_G, сделал то, что я хотел. Вот именно то, что я хотел изначально!!!!!! Просто прелесть, я на 7м небе от полученного резултата!!!!!

---

Юрий Подчезерцев,

какая обида и первый и второй способ правильный, вам выбирать какой для вас более подходящий, главное, что вопрос решен))

---

Yuri_Geruk,

Да я ещё хотел спросить: Сейчас так во всех категориях этого раздела так будет выглядеть описание и картинка?

Answer 2

Здесь пишите свой текст
<img src="ссылка на картинку" alt="" width="ширина картинки в px" height="Высота картинки в px" align="right либо left (положение картинки справа или слева)">

Вы используете таблицу, поэтому у вас в левой колонке текст, а в правой - картинка, соответственно под картинкой - пустое место.

Comments

Тогда можете сделать так. 

1. Открываете страницу редактирования текста именно того материала, где вам нужно вставить текст и картинку; 

2. Если там что то есть удаляете;

3. Вставляете свой текст, только вставляйте не отформатированный текст (Например из Блокнота);

4. Далее вставляете картинку:

4.1. Нажимаете мышкой в то место текста, где нужно вставить картинку (Обычно это слевой стороны первой буквы нового абзаца)

4.2. Нажимаете кнопку вставки картинки;

4.3. Выбираете необходимую картинку в файловом менеджере, предварительно залив её туда (Выбор на сервере).

5. После того как, вы выбрали картинку задайте ей размеры (ширину и высоту)

6. Далее выбираете её расположение либо по правому краю либо по левому краю;

7. И сделайте отступ от картинки пикселей пять, чтобы текст не прилипал к картинке.

8. Нажимаете "ОК" и сохраняете.