Картинки в таблице в новостях не сохраняют пропорции

голоса: 0

Добавляю новости в виде таблицы.

В первую ячейку таблицы вставляю картинку, ставлю закрытый замочек (сохранять пропорции).

В результате пропорции не сохраняются и при редактировани замочек открыт...если ставлю закрыть и сохрнить - не сохраняется.

Такое на других своих сайтах не наблюдал ни разу, плохо, если это неисправимый косяк ...

Адрес сайта http://lvk.ucoz.org/
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0

Чтобы сохраняла пропорции, высоту лучше указывать так:

height: auto;

| Автор:

Где?

Я указываю высоту тут:

Алексей Зарубин,
Вообще оставляйте поле пустым и не делайте высоту фиксированной.
Yuri_Geruk,
То есть вы предлагаете мне в новостях использовать картинки с заранее фиксированным размером высоты 100 пикселей?   Но ведт ранее я брал ЛЮБУЮ картинку и выставляя высоту 100 подгонял ее масштаб под необходимый! Теперь мне надо брать картинку, редактировать, закачивать на сайт и только потом вставлять в носоть? Э...я все верно понял?
 
<table cellpadding="1" cellspacing="1">
<tbody>
<tr>
<td><img alt="" src="http://lvk.ucoz.org/logotip_lvk_v2.png" style="width: 97px; height: 100px;" /></td>
<td>&nbsp;</td>
<td>
<p>Лига волейбола Куркино начинает проект &laquo;Открытое первенство микрорайонов Куркино по волейболу&raquo;. Заявки от команд принимаются до 16 сентября. <a href="http://lvk.ucoz.org/index/otkrytyj_chempionat_ligi_volejbola_kurkino_2018/0-5">Подробности...</a></p>
</td>
</tr>
</tbody>
</table>

В HTML новости стоит нормальный размер97 на 100 это нормальный круглый размер, однако в новости отображается овал!

Я подозреваю это где-то в установках таблицы/ячейки, в которую я вставляю картинку. Но не вижу где...

Алексей Зарубин,
Ну, поставил вручную ширину ячейки таблицы 120 и картинка стала нормальной... А можно сделать так чтобы ширина таблицы подстраивалась под содержимое, в вданном случае под ширину картинки? В других шаблонах ведь именно так....
Алексей Зарубин,

Вот Вы год назад мне помогали с картинками на другом сайте....

Может и тут что-то подобное? 

Алексей Зарубин,

Я вам советовал не задавать вообще высоту, оставлять поле пустым, вы же поспешили сделать высоту фиксированной. Не будете задавать и тогда она сама будет подстраиваться. По старому ответу, можете использовать стили:

img,object,audio,video,table,embed{max-width:100%;height:auto!important;}

Yuri_Geruk,
Если я не буду задавать высоту, то как я буду масштабировать картинки, ведт они все разного размера? Поясните.
Yuri_Geruk,

На главной странице картинка в таблице выглядит нормально, но если перейти по новости - опять овал.

Где еще что подправить?

PS img,object,audio,video,table,embed{max-width:100%;height:auto!important;} вставлено

Алексей Зарубин,

В стилях найти строку:

  .eMessage img {
    width: 100%;
    height: auto!important;
  }

добавить выделенное.

Yuri_Geruk,
Спасибо, все заработало!
...