|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Вебмастеру » Общие вопросы от вебмастеров » Вопрос с порядком картинок (нужно сделать что бы картинки были отделены друг от друга) |
Вопрос с порядком картинок |
Подскажите уважаемые форумчане , как мне сделать что бы картинки были не слиты друг с другом , а упорядочить их ввиде небольшой таблицы скажем вот так
на деле у меня вышло только так =( , Код <!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> |
mezisto, http://htmlbook.ru/css/margin - прописать стилизацию нужно, чтобы было к примеру так:
Код .vPict_ins img {margin:4px;} |
mezisto, ну, в общем в ряд и в низ - это и есть одна колонка... думаю, вам нужно задать ширину и высоту блока, в котором выводятся картинки, прописать http://htmlbook.ru/css/display inline
|
| |||
| |||