А причем тут стили?.. Если в стилях проблема, то давай хтмл код. Сейчас стили не к чему тут..
Телепаты в отпуске.

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

Цитата
Размер уменьшенной копии загруженного изображения: Существует две возможности использования данной настройки: Первая: Вы задаете максимальный размер в пикселях любой из сторон загружаемой картинки при превышении которого будет создаваться уменьшенная копия. Например: 400 Вторая: Вы задаете ширину и высоту уменьшенной копии изображения в формате ширина x высота. Например: 100x100

для короткой новостиОткрываем /engine/modules/show.short.php
находим строчку:

Код
$tpl->set( '{short-story}', stripslashes( "<div id=\"news-id-" . $row['id'] . "\" style=\"display:inline;\">" . $row['short_story'] . "</div>" ) );

заменяем на 

Код
$tpl->set( '{short-story}', stripslashes( "<div id=\"news-id-" . $row['id'] . "\" style=\"display:inline;\">" . substr($row['short_story'], 0, 100) . " ...</div>" ) );

100 это количество символов, после которых новость будет обрезаться.

А в какое место его вставить в  style.css ?:)чё то непонял я)

shortstory.tpl  выглядит так....

<div class="short-block">
<div class="short-block-date">
<span>{date=d}</span>
<div>{date=F}</div>
</div>
<div class="short-block-title">
<div style="padding-top: 15px;">[full-link]{title}[/full-link]</div>
</div>
<div class="shot-text">
{short-story}
</div>
<div style="clear: both;height: 1px;"></div>
<div class="short-block-more">
[full-link]Читать далее[/full-link]
</div>
<div style="clear: both;height: 1px;"></div>
<div class="short-block-other">
Автор - {author}, просмотров - {views}, комментариев - {comments-num}
</div>
</div>
<div style="clear: both;height: 20px;"></div>

css/style.css вот  css
/* Короткая */

.short-block {

}

.short-block-date {
background: url(../images/short-block-date.jpg) left top no-repeat;
width: 72px;
height: 52px;
font-size: 11px;
text-align: center;
color: #1a1a1a;
margin: 0 0 0 -16px;
position: absolute;
}

.short-block-date span {
font-size: 25px;
display: block;
color: #000;

padding-top: 3px;
}

.short-block-date div {
margin-top: -3px;
}

.short-block-title {
height: 60px;
padding-left: 65px;
font-size: 17px;
color: #000;
}

.short-block-title a {
color: #000;
text-decoration: underline;
}

.short-block-more {
height: 40px;
}

.short-block-more a {
float: right;
background: url(../images/short-block-more.jpg) left top no-repeat;
height: 33px;
margin-right: 20px;
width: 163px;
text-align: center;
text-decoration: none;
line-height: 33px;
color: #fefefe;
font-size: 12px;
font-weight: bold;
}

.short-block-more a:hover {
background: url(../images/short-block-more.jpg) left bottom no-repeat;
}

.short-block-other {
padding: 5px;
border: 1px #e4e4e4 solid;
color: #686868;
}

.short-block-other a {
font-weight: bold;
color: #686868;
}

.short-block-other a:hover {
color: #000;
}


.shot-text {
color: #6e6e6e;
text-align: justify;

}

.shot-text img {
border: 0;
width: 225px;
float: left;
background: url(../images/img.jpg) left top no-repeat;
padding: 9px 8px 8px 9px;
margin: 0 5px 5px 0;
border: 0;
}

.shot-text2 img {
margin: 0 10px 10px 0;
border: 0;
}

.shot-text input {
margin: 5px 20px 0 0;
background: #343434;
color: #fff;
font-size: 9px;
}
.shot-text2 input {
margin: 5px 20px 0 0;
background: #343434;
color: #fff;
font-size: 9px;
}

.shot-text .editor_button img {
padding: 0 !important;
border: 0 !important;
margin: 0;
}
.shot-text2 .editor_button img {
padding: 0 !important;
border: 0 !important;
margin: 0;
}

.editor_button img {
padding: 0 !important;
border: 0 !important;
margin: 0 !important;
}

.shot-text .editbclose img {
padding: 0;
border: 0;
margin: 0;
}
.shot-text2 .editbclose img {
padding: 0;
border: 0;
margin: 0;
}

.editor_button_brk img {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}

ни чего не разберу.....