При добавлении картинок в новости, они загружаются искаженными (широкими), как исправить?

голоса: 0
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

голоса: 0
 
Лучший ответ
1. Загружайте их через поле "Изображение" (с кодом $IMAGE1$  и т.д. Для других изображений будет код $IMAGEN$ - где N-порядковый номер загруженного изображения.)

2. Используйте не визуальный редактор, а BB-код+HTML. С ним проще работать.
| Автор:
Выбор ответа лучшим | | Автор: webanet
Я использую код в редакторе для вставки изображения превью + увеличение по клику. Увеличенная картинка нормальная, а превью широкая. Дайте, пожалуйста, образец, как вставить, чтобы было нормальное изображение.
лариса рыбакова,
Ссылку на сайт с примером искажения предоставьте.

В стилях найдите строку номер 858:

#news img {float:left;width:190px;height:150px;margin-right:20px;border-radius:3px;}

выделенное замените на auto!important

Yuri_Geruk,
Спасибо, получилось! Еще на стр. новости картинку (слева) приходится загружать, изменяя заранее размер, может можно тоже что- нибудь сделать. чтобы загружать картинку любого размера?
лариса рыбакова,
> Еще на стр. новости картинку (слева) приходится загружать, изменяя заранее размер, может можно тоже что-нибудь сделать. чтобы загружать картинку любого размера?

>> Об этом уточните более детально, не понял, какое фото слева, предоставьте ссылку на пример где можно увидеть проблему.

Совет для вас, не задавайте фиксированную высоту, лишь ширину, из-за того что фиксируете высоту в итоге и фото сдавливаются и смотрятся не очень. Задавайте фиксированный размер лишь для ширины, не высоты и все будет отлично.

В стилях строка 859:

#news img {
auto!important
}

замените на:

#news img {width: 190px!important;height: auto!important;}
Yuri_Geruk,
Спасибо большое, очень помогли!
...