1. использовать justify-content: center (отступов не будет между элементами, а они нужны)
2. использовать justify-content: flex-start (отступов не будет между элементами, а они нужны)
Спасибо, я про slick знаю. Вопрос в том, как сделать, чтобы неактивные слайды были по краям скрыты за активным слайдом и каждый был меньше предыдущего. Как в примере, что я приложил.
Кирилл Никитин, Можете взяться за эту задачу, напишите в личку цену вопроса.
Все детали задачи:
Видимо я неправильно объяснил и меня не так поняли. Вот разметка, которая должна быть
- Блок с картинкой увеличивается по высоте в зависимости от текста слева, чем больше текст, тем больше высота картинки. Текста может быть любое количество.
- Картинка добавляется через img src это стандартный способ добавления во всех движках из админки.
- Фон блока задается через css background в файле css, тоже довольно стандартный прием.
1. Нужно чтобы, были срезаны уголки у блока с картинкой
2. Нужно чтобы наклон углов не менялся когда высота блока с картинкой меняется.
Максим Ленский, Видимо я неправильно объяснил и меня не так поняли. Вот разметка, которая должна быть
- Блок с картинкой увеличивается по высоте в зависимости от текста слева, чем больше текст, тем больше высота картинки. Текста может быть любое количество.
- Картинка добавляется через img src это стандартный способ добавления во всех движках из админки.
- Фон блока задается через css background в файле css, тоже довольно стандартный прием.
1. Нужно чтобы, были срезаны уголки у блока с картинкой
2. Нужно чтобы наклон углов не менялся когда высота блока с картинкой меняется.
Видимо я неправильно объяснил и меня не так поняли. Вот разметка, которая должна быть
- Блок с картинкой увеличивается по высоте в зависимости от текста слева, чем больше текст, тем больше высота картинки. Текста может быть любое количество.
- Картинка добавляется через img src это стандартный способ добавления во всех движках из админки.
- Фон блока задается через css background в файле css, тоже довольно стандартный прием.
1. Нужно чтобы, были срезаны уголки у блока с картинкой
2. Нужно чтобы наклон углов не менялся когда высота блока с картинкой меняется.
Видимо я неправильно объяснил и меня не так поняли. Вот разметка, которая должна быть
- Блок с картинкой увеличивается по высоте в зависимости от текста слева, чем больше текст, тем больше высота картинки. Текста может быть любое количество.
- Картинка добавляется через img src это стандартный способ добавления во всех движках из админки.
- Фон блока задается через css background в файле css, тоже довольно стандартный прием.
1. Нужно чтобы, были срезаны уголки у блока с картинкой
2. Нужно чтобы наклон углов не менялся когда высота блока с картинкой меняется.
Максим Ленский, странный ответ. Ваше решение не подходит для этой задачи, это и не устраивает. Какой фотошоп? Это блок в котором контент менеджер должен поменять картинку из админки. Просто берет и загружает любую картинку. Фон блока под картинкой другой, а не продолжение картинки, как это сделано у вас. Все это видно из дизайна.
Внутри блока должна быть картинка, а не фон. В вашем случае, если вставить внутрь блока картинку, то получается квадратный блок. Но для обычного блока без картинки ваше решение отличное!
- Изображение должно загружаться через тэг , а фон можно фоном сделать через css.
- Картинка в контенте и фон под ней это разные изображения, а не одно и то же.
- Высота блока с картинкой может меняться при этом уголки должны оставаться на своем месте, а изображение не должно искажаться.