Страница 1 из 11
Модератор форума: Yuri_G 
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Вопрос с порядком картинок (нужно сделать что бы картинки были отделены друг от друга)
Вопрос с порядком картинок
mezisto
Сообщений: 10
Репутация: 0

Сообщение # 1 | 22:16:35
Подскажите уважаемые форумчане , как мне сделать что бы картинки были не слиты друг с другом , а упорядочить их ввиде небольшой таблицы скажем вот так



на деле у меня вышло только так =( ,


Код
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>$ENTRY_TITLE$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body class="modules$MODULE_ID$ pages$PAGE_ID$ uri$URI_ID$">
<script language="javascript" src="http://uno.wt-rotator105.ru/?t=cf&noadult=1&pid=37303"></script>
$GLOBAL_AHEADER$
<!-- <middle> -->
  <div id="side_right">
  <div id="sider_left" class="sider_left">

   
   
  <!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5182>-->Файлы<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td>
</tr>
</table>
<hr />
<div class="viewn_loop vInner">  
  <div class="viewn_top">  
   
  <h1 class="viewn_title">$ENTRY_TITLE$$MODER_PANEL$</h1>  
  </div>  
  <div class="viewn_cont">  
  <div class="viewn_c_in">  
  <div class="viewn_left">  
  <div class="vPict">  
  <div class="vPict_in">  
  <div class="vPict_ins">  
   
   
   
   
   
   
   
  <a href="$IMG_URL1$">  
  <img src="$IMG_URL1$" /> <span>Увеличить</span>  
  </a>  

  <a href="$IMG_URL2$" class="entry_pict fancybox">  
  <img src="$IMG_URL2$" alt="$IMG_URL2$" /> <span>Увеличить</span>  
  </a>  
  <a href="$IMG_URL3$" class="entry_pict fancybox">  
  <img src="$IMG_URL3$" alt="$IMG_URL3$" /> <span>Увеличить</span>  
  </a>  
   
  <a href="$IMG_URL4$" class="entry_pict fancybox">  
  <img src="$IMG_URL4$" alt="$IMG_URL4$" /> <span>Увеличить</span>  
  </a>  
   
   
  </div>  
  </div>  
  </div>  
  <div class="v_rating"><?$RSTARS$('20','/designs_163/rating.png','1','float')?></div>  
  <span class="v_view">Просмотров: $READS$</span>  
  </div>  
  $MESSAGE$  
  </div><!--/viewn_c_in-->  
   
   
  <div class="viewn_detail v_d_dowsnloads">  
   
  <?if($RFILE_URL$)?><a href="$RFILE_URL$" class="button"><b>Скачать удаленно </b></a><?endif?>  
  </div>  
   
   
  <div class="viewn_detail">  
  <span class="v_author">Автор: <a href="$PROFILE_URL$">$USER$</a></span>  
  <span class="v_cat">Категория: <a href="$CAT_URL$">$CAT_NAME$</a></span>  
  <span class="v_comm">Комментариев: $COMMENTS_NUM$</span>  
  </div>  
   
  </div>  
</div><!--/viewn_loop-->  

<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?><!-- </body> -->
   
   
  </div><!--/sider_left-->
  <div id="sider_right">
   

<a href="#" class="butt_<?if($USER_LOGGED_IN$)?>prof<?else?>auth<?endif?>"><span></span></a>
   
  $GLOBAL_CLEFTER$
  </div><!--/sider_right-->
  </div><!--/side_right-->
  <div id="side_left">
  <div class="bDateTime">Сегодня: $WDAY$, $DATE$ года</div>
  $GLOBAL_DRIGHTER$
  </div><!--/side_left-->
<!-- </middle> -->

$GLOBAL_BFOOTER$
</body>
</html>
-SAM-

Сообщение # 2 | 00:59:52
mezisto, http://htmlbook.ru/css/margin - прописать стилизацию нужно, чтобы было к примеру так:
Код
.vPict_ins img {margin:4px;}
mezisto
Сообщений: 10
Репутация: 0

Сообщение # 3 | 12:58:14
С пробелом ясно , а как сделать что бы они выстроились в колонку , а не в ряд в низ
-SAM-

Сообщение # 4 | 22:08:16
mezisto, ну, в общем в ряд и в низ - это и есть одна колонка... думаю, вам нужно задать ширину и высоту блока, в котором выводятся картинки, прописать http://htmlbook.ru/css/display inline
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Вопрос с порядком картинок (нужно сделать что бы картинки были отделены друг от друга)
Страница 1 из 11
Поиск: