В HTML есть списки, пункты которых (li) содержат текст и изображения (блоками, по вертикали), в том числе достаточно широкие. Чтобы изображения не вылезали за ширину области видимости, для элементов img задано "max-width: 100%". В узких окнах все хорошо, но в широких строки текста становятся слишком длинными. Если же задать максимальную ширину для пункта списка (li), то она наследуется и вложенными в пункт изображениями — они ужимаются по ширине до границы текста.
Можно обойти это оборачиванием текста в каждом пункте в p/span, задавая максимальную ширину только для них, но оборачивать придется вручную в каждом пункте, плюс в WYSIWYG-редакторе неудобно постоянно следить за тем, чтобы обертка не пропала.
Если закрывать список, вставлять изображения, затем открывать его снова — съезжает автоматическая нумерация пунктов, придется опять же поддерживать ее вручную.
Есть ли возможность ограничить ширину текстового блока иначе, как шириной его контейнера? Ну, или как-то предотвратить ограничение ширины изображений в таком блоке. С абсолютным позиционированием, боюсь, выйдет совсем коряво.
Здравствуйте, Евгений Музыченко, Вы писали:
ЕМ>Есть ли возможность ограничить ширину текстового блока иначе, как шириной его контейнера? Ну, или как-то предотвратить ограничение ширины изображений в таком блоке. С абсолютным позиционированием, боюсь, выйдет совсем коряво.
Не знаю актуально ли еще, но приведи пример. В твоем предыдущем сообщении я заметил, что ты не всем родителям проставляешь 100% ширину. Те етсь, в струтуре
<html style="width:100%>
<body/><-- тут не проставлено 100%
<div style="width:100%>
<img style="width:100%>
<закрывающие тэкги>
не должно быть не заданного размера в родителях вплоть до <html> или хотябы до первого статического (непроцентного) width
Здравствуйте, rFLY, Вы писали:
FLY>Не знаю актуально ли еще, но приведи пример.
Актуально. Вот пример.
FLY>В твоем предыдущем сообщении я заметил, что ты не всем родителям проставляешь 100% ширину.
Этого и не требуется. Если я убираю ограничение ширины для <p>, <li> и прочих — изображения перестают сжиматься, но вместе с ними расползается и текст.
Re[3]: Ограничение ширины текста в списке без ужатия изображ
Здравствуйте, Евгений Музыченко, Вы писали:
ЕМ>Этого и не требуется. Если я убираю ограничение ширины для <p>, <li> и прочих — изображения перестают сжиматься, но вместе с ними расползается и текст.
А почему не сделать для li {width:20cm}, а для li img {max-width:120%}?
Здравствуйте, Евгений Музыченко, Вы писали:
ЕМ>В таком случае изображения перестают сжиматься в окнах/экранах меньшего размера.
Вынеси тогда картинки за li и сделай 100% max-width
ЕМ>Такое впечатление, что в HTML/CSS без бубна делаются только самые примитивные вещи, а все остальное непременно требует магии.
Ты хочешь чтобы потомок одновременно и вылазил и не вылазил за границы контейнера и все это без шаманства?
Re[6]: Ограничение ширины текста в списке без ужатия изображ
Здравствуйте, rFLY, Вы писали:
FLY>Вынеси тогда картинки за li и сделай 100% max-width
Я ж в первом сообщении написал, почему это не совсем подходит. И картинки не всегда будут после всего текста пункта.
FLY>Ты хочешь чтобы потомок одновременно и вылазил и не вылазил за границы контейнера и все это без шаманства?
Я ожидал, что язык разметки с 30-летней историей позволит размечать гибко и без шаманства.