Комментарии 44
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Вероятно вы ошиблись:
<img src=«img/anyname.png» width=«100%» height=«100» style=«max-width:500px !important»>
<img src=«img/anyname.png» width=«100%» height=«100» style=«max-width:500px !important»>
-1
НЛО прилетело и опубликовало эту надпись здесь
Использовать или нет, это другой разговор, без !important тоже работает, просто поправил вас, чтобы остальные не заблуждались
0
НЛО прилетело и опубликовало эту надпись здесь
Вы попробуйте сами, style или через подключенный файл стилей, с !important или без, в IE7 или google chrome 13.
max-width работает
max-width работает
0
НЛО прилетело и опубликовало эту надпись здесь
Отлично работает в Хроме, хз что Вам не нравится
jsfiddle.net/FdcuR/49/
jsfiddle.net/FdcuR/49/
0
НЛО прилетело и опубликовало эту надпись здесь
Объясните, пожалуйста
0
Вы неправы, max-width и max-height а так же их собраты min-* прекрасно работают с картинками у которых фиксированные размеры. Другой вопрос что при этом (в частности ваш пример) пропорции не саблюдаются так как вычесленный размер картинки не совпадает с заданной шириной, а вот про высоту ничего в стилях сказано небыло так оно и осталась как задавалось.
Не вижу смысла жестко задавать размеры картинки. Иногда да, но доводить до крайностей…
Не вижу смысла жестко задавать размеры картинки. Иногда да, но доводить до крайностей…
0
НЛО прилетело и опубликовало эту надпись здесь
последний год я вообще не использую явное указание размера картинок, так что с этой проблемой я не сталкивался. А ежели размеры будут фиксированными у изображений, то да, в ресете это лучше не делать. Все должно иметь смысл. max-width для картинки с фиксированной шириной как по мне не имеет особо смысла…
0
> Честно говоря я вообще слабо понимаю для чего нужно нынче картинкам
затем же, зачем и 10-15 лет назад. Картинки загружаются не мгновенно, и скачки верстки заметны даже на быстрых линиях.
затем же, зачем и 10-15 лет назад. Картинки загружаются не мгновенно, и скачки верстки заметны даже на быстрых линиях.
+1
Угу, и картину растянет в ширину непропорционально
0
А чего border а не outline?
0
Тоже мне открытие…
Кстати селектор не сработает если указать только один из атрибутов (width|height), а картинка будет «разваливать» страницу.
Кстати селектор не сработает если указать только один из атрибутов (width|height), а картинка будет «разваливать» страницу.
0
И при пустых атрибутах не сработает, кривой снипет в общем.
Можно попробовать так:
img:not([width]), img:not([height]), img[width=""], img[height=""] {
border: 2px solid red !important;
}
Можно попробовать так:
img:not([width]), img:not([height]), img[width=""], img[height=""] {
border: 2px solid red !important;
}
+3
И при пустых атрибутах не сработает, кривой в общем сниппет.
Можно попробовать так:
img:not([width]), img:not([height]), img[width=""], img[height=""] {
border: 2px solid red !important;
}
Уверен что еще что-то пропустил :)
Можно попробовать так:
img:not([width]), img:not([height]), img[width=""], img[height=""] {
border: 2px solid red !important;
}
Уверен что еще что-то пропустил :)
0
> Кстати селектор не сработает если указать только один из атрибутов (width|height)
А должен? Указание одного атрибута означает пропорциональное изменение размера.
А должен? Указание одного атрибута означает пропорциональное изменение размера.
0
НЛО прилетело и опубликовало эту надпись здесь
То есть вы хотите сказать, что нужно нагрузить сервер, вместо того, чтобы нагрузить голову менеджера, который, я могу поспорить, большую часть своего рабочего времени гоняет балду.
Менеджер, как минимум, должен проверить то, что он опубликовал. Я думаю, что в три часа ночи F5 нажимается немногих сложнее, нежели в любое другое время
Менеджер, как минимум, должен проверить то, что он опубликовал. Я думаю, что в три часа ночи F5 нажимается немногих сложнее, нежели в любое другое время
-1
На самом деле, вы оба не правы)
Все визивиг-редакторы итак проставляют сейчас ширину и высоту и не надо напрягать ни сервер, ни менеджеров.
А на этапе верстки картинкам, которые не предполагается менять, неплохо бы прсотавить ширину и высоту, чтоб не скакала верстка при загрузке старницы.
Все визивиг-редакторы итак проставляют сейчас ширину и высоту и не надо напрягать ни сервер, ни менеджеров.
А на этапе верстки картинкам, которые не предполагается менять, неплохо бы прсотавить ширину и высоту, чтоб не скакала верстка при загрузке старницы.
0
Таки мы несколько правы, хотя бы по той причине, что далеко не все работают через визуальные редакторы. Да и редакторы бывают разные. Конечно, это частные случаи, но проблема, вроде как, обсуждается глобально
0
> Чтобы во время разработки было более наглядно, где мы пропустили картинки без указания размеров
Именно на этапе верстки. Наполнение не есть верстка, и разумеется, предполагается, что верстальщик не забудет после завершения верстки убрать этот сниппет.
Ну и как я говорил ВСЕ известные редакторы проставляют ширину и высоту загружаемым картинкам. Если я не прав, покажите какой не проставляет, только известный, а не тот, которым пользуются 3.5 человека.
Именно на этапе верстки. Наполнение не есть верстка, и разумеется, предполагается, что верстальщик не забудет после завершения верстки убрать этот сниппет.
Ну и как я говорил ВСЕ известные редакторы проставляют ширину и высоту загружаемым картинкам. Если я не прав, покажите какой не проставляет, только известный, а не тот, которым пользуются 3.5 человека.
+1
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Когда-то давно написал небольшую заметку про "диагностические стили". Может кому-нибудь окажется полезным.
+1
Спасибо, теперь долой JS для этой задачи
-1
По мимо перечисленного предложенный снипет ошибочно сработает на изображениях, у которых ширина и высота через CSS задана. В общем автор как-то не подготовился :(.
+2
давно уже не указываю размер картинок в тэге картинки. всегда все в CSS.
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Изображения без width/height