Редакирование материала в категории

голоса: 0

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

 

 

Адрес сайта http://aquadom.ucoz.org
| Автор: | Категория: Вопросы новичков

Ответов: 2

голоса: +2
 
Лучший ответ

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

<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>

 

| Автор:
Выбор ответа лучшим | | Автор: Юрий Подчезерцев
Надеюсь не ошибся.

 

 </script>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> &raquo; <a href="$MODULE_URL$"><!--<s5386>-->Онлайн игры<!--</s>--></a> <?if($SECTION_NAME$)?>&raquo; <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> &raquo; <a href="$CAT_URL$">$CAT_NAME$</a></td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5382>-->Добавить игру<!--</s>--></a> ]<?endif?></td>
</tr>
</table>
<hr />
<div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$</div><hr/>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td valign="top"><div style="text-align:jastify;">$MESSAGE$</div>
<table border="0" cellpadding="10" cellspacing="1"><tr>
<?if($SWF_LINK$)?><td align="center" valign="top"><?if($CID$=='8')?><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($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/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?></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>
Юрий Подчезерцев,

Напоминаю, сначала скопируйте свой шаблон в блокнот и сохраните, а только потом приступайте к экспериментам. По тому, что вы слегка промазали, можно судить о том, что возможны ошибки. Внимательно смотрите какой кусок мы с вами меняем. Имено таблицу class="eBlock" 

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td valign="top"><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>
<table border="0" cellpadding="10" cellspacing="1"><tr>
<?if($SWF_LINK$)?><td align="center" valign="top"><?if($CID$=='8')?><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($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></tr>
<tr><td class="eDetails1"><?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>

 

Юрий Евстафьев,
Сейчас буду пробовать
Юрий Евстафьев,
Всё получилось и всё прекрасно кроме расположения изображения, сами посмотрите вот адрес сайта и напрямую материала : http://aquadom.ucoz.org/stuff/plavajushhie/richchija_plavajushhaja/1-1-0-13  Его бы в верх поднять. Да и кстати могу целиком дать код страници материала и коментариев к нему.
Юрий Евстафьев,
Юрий, тёска помоги плиз. Картинку нужно в верх поднять и всё, больше мне ни чего на данный момент для счастья не нужно!!! ПЛИЗ!!! Как с этой таблицей работать я ума не приложу
Не не то получилось, вернул на предыдущий вариант. Нужно что бы не внизу текста а в верху над ним была картинка. А получилось что она осталась на прежнем месте и ещё появилась над названием материала. Мне Юрий Евстафеев помог сделать, что бы пустоты не было под картинкой, но она опустилась в самый низ. Ну а тут как вы логично понимаете она должна быть в верху. Вот это и надо поправить.
Юрий Подчезерцев,

в таком случае замените код на:

<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<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></td>    
<tr><td valign="top"><div style="text-align:jastify;">$MESSAGE$</div>
<div style="width: 180px; float: right" valign="top">
<?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>
<table border="0" cellpadding="10" cellspacing="1"><tr>
<?if($SWF_LINK$)?><td align="center" valign="top"><?if($CID$=='8')?><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($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></tr>
<tr><td class="eDetails1"><?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>

выделил выше красным, в итоге именно ячейка таблицы и выровняет фото по центру.

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,
Да я ещё хотел спросить: Сейчас так во всех категориях этого раздела так будет выглядеть описание и картинка?
голоса: 0
Здесь пишите свой текст
<img src="ссылка на картинку" alt="" width="ширина картинки в px" height="Высота картинки в px" align="right либо left (положение картинки справа или слева)">

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

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

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

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

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

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

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

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

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

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

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

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

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

 

...