Резиновая картинка на HTML

Внедряем CSS в HTML. JavaScript.
Аватара пользователя
vihtor
Сообщения: 112
Благодарил (а): 2 раза
Поблагодарили: 1 раз

Резиновая картинка на HTML

Сообщение vihtor » Чт авг 25, 2016 11:08 am

Здравствуйте.
Как сделать так, чтобы на веб-страницах сжимались картинки по уровню окна. Чтобы не нужно было объёмные картинки двигать по горизонтали.
Ни каких CSS. Нужны только стили в коде HTML.

Такое не работает:

Код: Выделить всё

<head>  
<meta charset="windows-1251" />
<
title></title>
<
style>
.
wrapper img{
    max-width: 100%;
}
</
style>
</
head>

Тестируется здесь: 2test.netai.net
Реклама
Аватара пользователя
Slash
Администратор
Сообщения: 2028
Поблагодарили: 62 раза

Re: Резиновая картинка на HTML

Сообщение Slash » Чт авг 25, 2016 11:57 am

Смотрю Ваш исходный код страницы, и вижу, что в стиле (<style>), лишний кусок: .wrapper, должно быть так:

Код: Выделить всё

<style>
img {
    max-width: 100%;
}
</
style

Можно еще "в наглую" задать картинки резиновую ширину:

Код: Выделить всё

<img src="d.jpg" style="max-width: 100%;" alt="">
Аватара пользователя
vihtor
Сообщения: 112
Благодарил (а): 2 раза
Поблагодарили: 1 раз

Re: Резиновая картинка на HTML

Сообщение vihtor » Чт авг 25, 2016 12:43 pm

Лишний кусок в коде убрал, всё заработало. Вот чёрт побери, а я же подобное мудрил без "wrapper"
И "в наглую" работает: 2test.netai.net/2.html

Благодарю за помощь.

Вернуться в «HTML + CSS»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость