В виде материалов картинка слева

Сообщений: 25

Репутация: 0

Сообщение # 1 | 20:02:59 30 Окт 2013

Помогите,мне нужно сделать так,что бы картинка была слева,а сообщение справа,не под картинкой.Ссылка на сайт filesforu.ucoz.com
вот код
Код

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;">
<div class="gTableTop"><a href="$ENTRY_URL$">$TITLE$</a><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?></div></td></tr><tr><td style="letter-spacing: 0px; word-spacing: 0px; height: 26px"><img src="http://zornet.ru/zornet_ru9/download.png" width="10px"><b>Категория:</b> <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> <img src="http://zornet.ru/zornet_ru9/prof1.png" width="10px"><b>Добавил:</b> <a href="$PROFILE_URL$">$USERNAME$</a></td></tr></tbody></table><img id="img$ID$" style="cursor:pointer;" src="$IMG_URL1$" alt="" width="180" height="100">$MESSAGE$<script type="text/javascript">$(function(){$('#img$ID$').click(function(){var s="'sc'";new _uWnd('Et','Реальный размер изображения $TITLE$',70,70,{autosize:1,shadow:1,autosizeonimages:1,header:1},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="max-width:900px;max-height:700px;cursor:pointer;">');};);};);</script><?if($MESSAGE$)?><?endif?><div class="eDetails" style="clear:both;"><?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><br>

Зарание спасибо!

Добавлено (30 Окт 2013, 20:02:59)
---------------------------------------------
1 материал в каталоге файлов

Сообщение отредактировал webanet - Пятница, 01 Ноя 2013, 21:40:08

Ljubasha

Сообщений: 834

Репутация: 157

Сообщение # 2 | 21:57:40 30 Окт 2013

В ксс добавить...

#img2 {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

Lopeytto

Сообщений: 25

Репутация: 0

Сообщение # 3 | 21:52:12 31 Окт 2013

Спасибо огромное!

Добавлено (31 Окт 2013, 21:48:41)
---------------------------------------------
Не знаю что случилось,но первый файл,выглядит нормально.Остальные опять со смещением шрифта...код же одинаковый вроде...что делать?

Добавлено (31 Окт 2013, 21:52:12)
---------------------------------------------

Код

#img3 {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

Ваш код нужно заменять для каждной картинки отдельно..как сделать что бы один для всех был код?(поменял имг 2 на 3 и прокатило)

Сообщение отредактировал Lopeytto - Четверг, 31 Окт 2013, 21:49:07

Ljubasha

Сообщений: 834

Репутация: 157

Сообщение # 4 | 21:57:46 31 Окт 2013

Lopeytto,
img, .eBlock{
float:left;
остальное
}

Lopeytto

Сообщений: 25

Репутация: 0

Сообщение # 5 | 22:00:13 31 Окт 2013

все картинки на сайте в бок встали,и очень близко текст

Ljubasha

Сообщений: 834

Репутация: 157

Сообщение # 6 | 22:20:32 31 Окт 2013

Lopeytto, тогда так...

img [id]{
float: left;
margin-bottom: 10px;
margin-right: 10px;
}

Lopeytto

Сообщений: 25

Репутация: 0

Сообщение # 7 | 00:03:56 01 Ноя 2013

не подходит..

Добавлено (31 Окт 2013, 23:18:30)
---------------------------------------------
<img id="img$ID$" style="cursor:pointer; " src="$IMG_URL1$" alt="" width="180" height="100" align="left" >
добавил в вид материалов,но отступа от картинки нет,как добавить отступ еще?

Добавлено (01 Ноя 2013, 00:03:56)
---------------------------------------------
Все сделал,вот если кому понадобится!
<img id="img$ID$" style="cursor:pointer;margin-bottom: 10px;margin-right: 10px; " src="$IMG_URL1$" alt="" width="180" height="100" align="left">
Спасибо что помогли!

Страница 1 из 1 1
Модератор форума: Yuri_G