Как в доске объявлений сделать все изображение фиксированного размера?

голоса: +3
подскажите я на доске объявлений установил код <?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?> чтобы изображение сразу было видно без ввода кода но такая проблема изображения приходят разные бывают огромные как сделать чтобы изображения все были среднего размера?
| Автор: | Категория: Объявления
уточните ссылку на сайт

Ответов: 3

голоса: +2
 
Лучший ответ
Если без ксс то так...
<?if($IMG_URL1$)?><img src="$IMG_URL1$" width="100"><?endif?>
Но лучше через ксс, но нужен адрес сайта.
| Автор:

Коллега, .... ваш вариант, а именно - width="100" является устаревшим, невалидным .. предпочтительно не применять невалидные решения ...

Но лучше через ксс, но нужен адрес сайта.

<?if($IMG_URL1$)?>
<img alt="" title="" class="imgdob" src="$IMG_URL1$">
<?endif?>

для css

.imgdob {width: 100px;}

вот сайт http://ssssppp.com/ посмотрите пожалуйста например раздел авто или разное

Покажите код вид материала и комментариев к нему доски объявления...
вид материалов полный код

<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>
<?if($MESSAGE$)?><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?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-date"><span class="ed-title">Дата:</span> <span class="ed-value" title="$TIME$">$DATE$</span></span>
<?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?>
<?if($COMMENTS_URL$)?><span class="ed-sep"> | </span><a class="e-comments" href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>

если возможно пришлите мне лучший вариант я практически незрячий мне трудно изменить самому
вот код страница материала и коментария

html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>$ENTRY_TITLE$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/.s/src/css/971.css" />
</head>

<body style="background-color:#FFFFFF; margin:0;padding:0;">
$ADMIN_BAR$

$GLOBAL_AHEADER$

<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
 
<td valign="top" style="padding:3px">

$GLOBAL_CLEFTER$
</td>

<td valign="top" width="80%" style="padding-top:5px">
<table border="0" cellpadding="10" cellspacing="0" width="100%" style="border:1px solid #D7D7D7;"><tr><td style="background:#F8F8F8;"><!-- <body> --><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$"><!--<s3193>-->Доска объявлений<!--</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$"><!--<s5232>-->Добавить объявление<!--</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>
<table border="0" width="100%" cellspacing="0" cellpadding="2" class="eBlock">
<tr><td width="85%"><?if($FILTER3_VALUE$)?>$FILTER3_VALUE$ |<?endif?> <?if($FILTER1_VALUE$)?>$FILTER1_VALUE$<?endif?> <?if($SCREEN_URL$)?>| <a href="$SCREEN_URL$" target="_blank"><!--<s5161>-->Фотография<!--</s>--></a><?endif?> </td>
<td align="right" style="font-size:7pt;white-space: nowrap;">$ADD_DATE$, $ADD_TIME$</td></tr>
<tr><td class="eText" colspan="2">$BRIEF$</td></tr>
<tr><td class="eDetails1" colspan="2"><?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div><?endif?><?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><span class="ed-sep"> | </span><?endif?>
<?if($AUTHOR_NAME$)?> <span class="e-author"><span class="ed-title"><!--<s5192>-->Контактное лицо<!--</s>-->:</span> <span class="ed-value"><u>$AUTHOR_NAME$</u><?endif?> <?if($AUTHOR_EMAIL_JS$)?><a href="$AUTHOR_EMAIL_JS$" title="E-mail">E</a><?endif?> <?if($AUTHOR_SITE$)?><a rel="nofollow" href="javascript://" onclick="window.open('$AUTHOR_SITE$');return false;" title="Web-site">W</a><?endif?></span></span>
<?if($AUTHOR_PHONE$)?><span class="ed-sep"> | </span><span class="e-author-phone"><span class="ed-title"><!--<s5193>-->Телефон<!--</s>-->:</span> <span class="ed-value"><u>$AUTHOR_PHONE$</u></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>
<tr><td class="eDetails2" colspan="2"><span class="e-reads"><span class="ed-title"><!--<s3177>-->Просмотров<!--</s>-->:</span> <span class="ed-value">$READS$</span></span>
<?if($PLACED_TILL$)?><span class="ed-sep"> | </span><span class="e-placed"><span class="ed-title"><!--<s5236>-->Размещено до<!--</s>-->:</span> <span class="ed-value">$PLACED_TILL$</span></span><?endif?>
<?if($RATING$)?><span class="ed-sep"> | </span><span class="e-rating"><span class="ed-title"><!--<s3119>-->Рейтинг<!--</s>-->:</span> <span class="ed-value"><span id="entRating$ID$">$RATING$</span>/<span id="entRated$ID$">$RATED$</span></span></span><?endif?></td></tr>
</table>

<?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> --></td></tr></table>
</td>
<?if(!$HIDE_CRIGHTER$)?>
<td valign="top" style="padding:3px">
$GLOBAL_DRIGHTER$

</td>
<?endif?>
</tr>
</table>
<!-- </middle> --><?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?>

$GLOBAL_BFOOTER$

</body>

</html>

если возможно пришлите мне нужный вариант  я практически незрячий я скопирую и вставлю спасибо

вид материалов полный код

 

<table class="eBlock tabebloc">
<tr>
<td>
<?if($MODER_PANEL$)?>
<div class="tabmodk">
$MODER_PANEL$</div>
<?endif?>
<div class="eTitle tabetitle">
<a href="$ENTRY_URL$">$TITLE$</a></div>
<?if($MESSAGE$)?>
<div class="eMessage tabemess">
$MESSAGE$</div>
<?endif?>
<div class="eDetails tabdet">
<?if($RATING$)?>
<div class="tabmodk">
<?$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-date"><span class="ed-title">Дата:</span>
<span class="ed-value" title="$TIME$">$DATE$</span></span>
<?if($IMG_URL1$)?><img class="tabimg" src="$IMG_URL1$"><?endif?>
<?if($COMMENTS_URL$)?><span class="ed-sep">| </span>
<a class="e-comments" href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a></div>
</td>
</tr>
</table>
<?endif?>

CSS данного фрагмента

.tabebloc {border: 0; margin: 0; padding: 0; width: 100%;}
.tabmodn {padding: 3px;}
.tabmodk {float: right;}
.tabetitle {text-align: left;}
.tabemess {text-align: left; clear: both; padding-top: 2px; padding-bottom: 2px;}
.tabdet {clear: both;}
.tabimg {width: 200px;}

 

вид материалов вставил зашол в раздел авто также все второй код нужно менять если да пришлите пожалуйста полный код
адрес пример страницы что ещё не нравится ..
Голоса: +1
<?if($IMG_URL1$)?><img style="width: 100px;" src="$IMG_URL1$"><?endif?>
| Автор:
Голоса: +1

img{display:block;max-width:100%;min-width:20%}

Раз сайта нет, напишите сами в конце рядом с img class
Примерно будет так: nameclass img{display:block;max-width:100%;min-width:20%}

nameclass - место него добавить надо основной класс который будет охватывать все картинки в тексте! зачем это надо? Чтобы не все картинки с тегом img не изменились на сайте

| Автор:

А не проще ли ???

nameclass img{display: block; width: 200px;}

изображения хотя бы не будут зависеть от разрешения монитора и будут выглядеть более пропорциональными относительно текста объявлений ???

Я могу кучу способов раписать, выбрал самый простой и решающий сразу несколько проблем. Уточнили плохо вопрос, и не предоставили сайт, если же так nameclass img{display: block; width: 200px;} то лучше так: nameclass img{display: block; width: 200px;height:auto}

...