Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так:
Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно).
И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки.
По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне:
Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку".
И опять всё бы хорошо, но при переносе в таком виде таблицы портят вид страницы: их ширина всё еще равна половине ширины страницы, они прифлоачены к левой стороне, а значит, что у нас получается не равномерное распределение изображений в одной строчке по всей доступной ширине. В идеале же оно должна выглядеть вот так:
Можно, конечно, сделать на JS, но не очень хочется из-за такой мелочи прикреплять jQuery (ради onResize для IE).
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Портфолио https://www.behance.net/d4d4186e
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Актуальные контакты:
Telegram: @Nikker_web
E-Mail: tarasevich.email@gmail.com
Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ
Портфолио https://www.behance.net/d4d4186e
Question
MIT
Есть страница, на которой находятся 4 изображения в один ряд, примерно вот так:
Изначально это было оформлено одной строкой в таблице (с центровкой, что бы изображения располагались равномерно).
И всё бы хорошо, вот только если страницу сильно сжимать по ширине, подобная конструкция не дает уменьшиться всей странице, выступая в качестве распорки.
По идее надо разбить ряд из четырёх изображений на две таблички, задать каждой ширину в 49.999% и прифлоатить к левой стороне:
Тогда страницу не будет распирать шириной сразу всех изображений, а при уменьшении ширины страницы вторая пара изображений с успехом будет перенесена на новую "строку".
И опять всё бы хорошо, но при переносе в таком виде таблицы портят вид страницы: их ширина всё еще равна половине ширины страницы, они прифлоачены к левой стороне, а значит, что у нас получается не равномерное распределение изображений в одной строчке по всей доступной ширине. В идеале же оно должна выглядеть вот так:
Можно, конечно, сделать на JS, но не очень хочется из-за такой мелочи прикреплять jQuery (ради onResize для IE).
У кого есть какие-либо соображения по вопросу?
Link to comment
Share on other sites
4 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.