как разместить текст справа от картинки?

Голоса: +1

как разместить текст справа от картинки? в каталоге файлов, чтобы он был выше.

Адрес сайта http://arz-games.ucoz.com/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 3

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

найти в стилях файл style.css:

.eMessage {
    text-align:left;
    clear:both;

margin: 0 5px!important;
    padding: 12px!important;
}

удалить клеар бот и паддинг, маргин добавить, далее добавить в стили:

.view-first img {width:250px;float:left;padding-top:3px;}
.eMessage p span {float:left;line-height: normal!important;}
.eDetails  {width: 100%;float: left;left: -5px;position: relative;}
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

Спасибо большое, все получилось!

только появилась другая проблема. Наводишь на картинку мышкой когда она расширяется и начинают моргать надписи Просмотров: 1 | Загрузок: 0 | Добавил: Admin Комментарии (0)

Дмитрий Ручкин,

в стилях найдите строку номер 1460:

.view-first img {
   position: relative;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
   z-index: 100;
}

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

Yuri_Geruk,
Спасибо еще раз, да это проблема браузера.
Голоса: +1

Дайте код шаблона вид материалов. А в самом материале можете делать так в режиме хтмл

<img style="float:left;margin-right:5px;" src="Ссылка на ваше изображение"> текст, который хотите добавить

Или с помощью визуального редактора можно управлять положением картинки http://forum.ucoz.ru/forum/24-63528-1#imgs там есть удобная функция предосмотра

| Автор:
<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$">$TITLE$</a></div>
 
<span class="img-box1"> <a class="ulightbox viewinfo view-first" href="$IMG_URL1$" ><img alt="" src="$IMG_URL1$" ></a></a></div></div></span>
<div class="eMessage"> <center>$MESSAGE$</center> <div class="eDetails">
<?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.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>
<span class="e-loads"><span class="ed-title">Загрузок:</span> <span class="ed-value">$LOADS$</span></span><span class="ed-sep"> | </span>
<?if($USERNAME$)?><span class="e-author"><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 />

 

Голоса: +1

Когда добовляете картинку 

 укажите.

http://imgur.com/4vbKYxr посмотрите на картинку. и сделайте так же.

| Автор:
картинка добавляется через "$IMG_URL1$ на вид материалов и на страницу материалов и комментарив. Так просто легче
...