Войти в систему

Home
    - Создать дневник
    - Написать в дневник
       - Подробный режим

LJ.Rossia.org
    - Новости сайта
    - Общие настройки
    - Sitemap
    - Оплата
    - ljr-fif

Редактировать...
    - Настройки
    - Список друзей
    - Дневник
    - Картинки
    - Пароль
    - Вид дневника

Сообщества

Настроить S2

Помощь
    - Забыли пароль?
    - FAQ
    - Тех. поддержка



Пишет dibr ([info]dibr)
@ 2011-03-29 19:51:00


Previous Entry  Add to memories!  Tell a Friend!  Next Entry
век живи...
     <img src="..." width=50% height=auto>

     ...нет, я не понял. Почему я только сейчас узнал о возможности использования словосочетания "height=auto" в тэге img?! Вообще, кто ответственен за моё html-образование?? :-)
     Теперь буду юзать.


(Добавить комментарий)


[info]ufm@lj
2011-03-29 12:52 (ссылка)
А что это даёт?

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2011-03-29 13:14 (ссылка)
Браузер под рукой же, можно проверить :-)

Это даёт картинку шириной 50% от ширины "обрамляющего" объекта, например, ячейки таблицы, куда засунута картинка (т.е. это гарантированно не порвёт никому ленту, и не будет "теряться в углу" на широких экранах), при этом пропорции картинки сохраняются (height=50% дало бы 50% от высоты того же обрамляющего объекта, что выглядит обычно весьма психоделически, я это уже наблюдал не раз).
Вместо 50%, ессно, можно использовать другие цифры.

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]ufm@lj
2011-03-29 13:28 (ссылка)
А разве если height не указывать - оно не тоже самое будет?

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]dibr@lj
2011-03-29 13:32 (ссылка)
Ну, я ж не веб-дизайнер, я так, каску одел, поэтому многого не знаю :-) Когда-то давно, когда захотелось чего-то подобного, попробовал наугад "height=50% width=50%", обломался, и решил что "не бывает". А сейчас случайно узнал, что бывает, просто я тормоз...

(Ответить) (Уровень выше)


[info]dibr@lj
2011-03-29 13:16 (ссылка)
Да даже что-то вроде "width=640 height=auto" уже полезно, если нужно "отмасштабировать браузером" картинку, а высоту считать лениво.
Что "масштабировать браузером" считается моветоном, я в курсе :-)

(Ответить) (Уровень выше)


[info]balamutang@lj
2011-03-29 13:25 (ссылка)
вообще-то если height или width не указывать, то оно и так масштабируется в пропорциях, еще со времен третьего эксплорера и царя гороха.

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2011-03-29 13:33 (ссылка)
Как говорится - буду знать, раньше не знал :-) Я когда-то давно, когда захотелось чего-то подобного, попробовал наугад "height=50% width=50%", обломался, и решил что "не бывает". А сейчас вот случайно узнал, что на самом деле - бывает...

(Ответить) (Уровень выше)


[info]ama1gama@lj
2011-03-29 14:30 (ссылка)
все давно умерло, юзайте css ))) там все со значениями по умолчанию понятно... все эти auto для width и height)

(Ответить) (Ветвь дискуссии)


[info]sharpc@lj
2011-03-29 14:33 (ссылка)
Атрибуты width и height и сейчас используют для указания абсолютного размера, чтобы избежать re-layout при загрузке страницы.

(Ответить) (Уровень выше)


[info]david_m@lj
2011-03-29 15:07 (ссылка)
Тут просто “auto” интерпретируется как «не указано». Можно написать width="50%" height="omg" — эффект тот же самый будет.

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2011-03-30 04:00 (ссылка)
Насчёт "omg" интересно, такая мысль мне в голову не приходила. То есть, "механизм понятен", но сразу возникает вопрос - а "auto" в таком случае действительно выделенное ключевое слово, или такого слова на самом деле нет, интерпретируется оно как "ошибка, поэтому считаем значение не заданным", а совпадение смысла слова и его действия - получается случайно...

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]david_m@lj
2011-03-30 10:17 (ссылка)
> или такого слова на самом деле нет, интерпретируется оно как "ошибка, поэтому считаем значение не заданным"

Именно это я и написал.

(Ответить) (Уровень выше)


[info]ilya_314@lj
2011-03-29 17:35 (ссылка)
Так и до html5 можно добраться, скоро актуальным станет.

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2011-03-30 03:57 (ссылка)
Я пока застряну в html3 - то, что нужно мне, там есть, а чего нет - того, стало быть, не нужно :-)

(Ответить) (Уровень выше)


[info]vetka_nn@lj
2011-03-30 03:54 (ссылка)
Не поверишь, если height вообще не указывать (ну или наоборот, указать height, но не указывать width) - результат будет тот же самый. ;)

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2011-03-30 04:01 (ссылка)
Мне в комментах уже рассказали :-)
Ну, я ж не веб-дизайнер, я так, каску одел - для меня и "auto" новостью оказалось. Ближе к пенсии может быть узнаю о существовании css... ;-)

(Ответить) (Уровень выше)


[info]thecomicz@lj
2011-03-30 15:52 (ссылка)
Ты это просто задай style="width:50%" и отойди :)
Должно сработать

(Ответить) (Ветвь дискуссии)


[info]dibr@lj
2011-03-30 17:14 (ссылка)
Мне уже рассказали :-)
Ну не знал я, что один из параметров можно пропустить, и при этом сохранится пропорция, а не абсолютный размер! Теперь буду знать :-)))

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]thecomicz@lj
2011-03-30 17:36 (ссылка)
А еще круче - это если заюзать max-width

(Ответить) (Уровень выше) (Ветвь дискуссии)


[info]dibr@lj
2011-03-30 17:47 (ссылка)
Звучит разумно ("уменьшать можно и нужно, увеличивать - нет смысла"), надо будет попробовать :-)

(Ответить) (Уровень выше)


[info]thecomicz@lj
2011-03-30 15:53 (ссылка)
И ваще auto - это из CSS. В HTML и не юзалось никогда в таком виде

(Ответить)