Большие картинки, картинка в блоке портала

[Serifa]

Ещё немного вас подастаю вопросами, господа-форумщики.

Вот есть блок портала, в него надо запихнуть большую картинку, но чтобы тот же гугль не ругался на её неадаптированность, к картинке надо прицепить вот это, насколько я понимаю:

Код Выделить Развернуть

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

Но это надо прописывать где-то в цсс, так как правильно задать стиль картинке?

[Некто]

весь стиль портала прописан в Themes/default/css/portal.css , полагаю код туда и надо добавлять

[Serifa]

Думаю, необязательно в файлы портала, можно и в индекс цсс, но как этому коду объяснить, что именно вот эта конкретная картинка или картинка в конкретном блоке?

[Некто]

в блок прописать

Код Выделить Развернуть

<img class="kartinka" src="тут адрес до картинки" title="описание"  />

а в css поставить класс именно для нее, ну например

Код Выделить Развернуть

.kartinka {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

и этот класс будет работать только для этой картинки, больше ни для какой. по-моему так...

[GeorG]

Что нибудь типа:

Код Выделить Развернуть

.sp_block_section img
{
height: auto;
width: auto;
max-height: 640px;
max-width: 95%;
}

А разве портал сам не масштабирует выводящие изображения?

[Yarik]

А разве портал сам не масштабирует выводящие изображения?

Маштабирует,и весьма замечательно...Опция есть специальная где можно маштабирование включить и отключить.

[Serifa]

Enables resizing images in articles and board news to 300x300px, to prevent possible overflows.

Во-первых, люди хотят большую картинку, а не 300*300.
Во-вторых, если картинка кликабельна, портал её не масштабирует.

Опять, а как вывести большую картинку в шапку форума, туда, где логотип? Тот же код там уже не катит, я проверила, нет реакции.
Может, каким-то образом туда тег <picture> запихнуть?

А если на фоне большая картинка?

[GeorG]

Опять, а как вывести большую картинку в шапку форума, туда, где логотип? Тот же код там уже не катит, я проверила, нет реакции.

А с какой целью туда этот код?
Если масштабировать, то можно попробовать через - background-size: 100%;

[Serifa]

Оно работает, это кэш не почистился.
Код, куда помещается картинка лого (шапка форума):

Код Выделить Развернуть

/* No image should have a border when linked. */
a img
{
border: 0;
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}


В итоге, если заменить 100% на величину самой картинки в пикселях, то картинка тоже будет ужиматься.
Теперь надо скормить гугля, будет ругаться, что картинка шире контента?

А если max заменить min, то резко увеличатся все значки на форуме

[Serifa]

Вот что в итоге изменилось:



Большая картинка в логотипе вообще куда-то пропала. Вместо неё - название форума по умолчанию. Но если зайти на форум с компа, там всё на месте. То ли сие результат изменения в коде, то ли чего еще.