роботу не доступно содержание iframe

на сколько я знаю

типа псевдоэлементами дорисовать угол?

ща пызже сделаю

Жду))

http://telegra.ph/Intuitivno-ponyatnye-pereklyuchateli-gromkosti-06-05

Жду))

https://codepen.io/ZloDeeV/pen/xrErEY

Жду))

На твоём варианте наведи мышку на углы твоих блоков, там ссылка не рабит

красиво, спасибо

Я пызже сделаль https://codepen.io/ZloDeeV/pen/xrErEY

класс

👍👍👍

а в этом сервисе можно с использвоанием либ делать примеры?

а можно увидеть пример как сделать то что я поисывал выше, бутстрапом. Возможно я не до конца верно пояснил что требуется

В качестве отступления: transform skew лучше не юзать на элементах с каким-либо содержимым, если это содержимое трансформироваться не должно. Лучше подложить псевдо-элемент или простой див и изменять уже его. Если будете skew-ить блок с текстом и потом текст возвращать в исходное положение обратным skew-ом, то, в зависимости от шрифта, буквы могут поплыть. Если трансформируете блок с изображением - поплывет на ретина-экранах в 90% случаев. Не говорю уже о том, чтобы skew-ить карты яндекса или гугла - 100% будет выглядеть так, будто у вас зрение минус 5

Можно ли средствами бутстрапа организовать вывод (что то типа галереии, только без всяких эффектов при нажатии на картинку. Картинка будет ссылкой просто) адаптивно, и однообразно. Т.е картинка даже если не нужной пропорции, будет подстравиваться под общий формат

вот тут

.img-fluid

у меня 3ий

.img-responsive

Тогда юзай его

но дело немного не в этом

под фоткой будет подпись-произвольной длины

тоетсь высота дива может быть разной. Не знаю как объяснить. Следующая с изображениями должна строится относительно самого высокого элемента , чтобы ровеннько было и не плясало ничего

пс: я не верстальщик

пс: я не верстальщик

Анрил в текущий момент без костылей

Юзай плагин какой-нибудь для сеток, типа masonry

вот пример как нужно

но тут изображения по пропорциям одинаковые, а в моём случае могут быть разными и вставить их нужно в один формат

Что это за значок?

Юзай плагин какой-нибудь для сеток, типа masonry

не, мне наоборот такой не нужен, нужно по строчно ровно выводить

не, мне наоборот такой не нужен, нужно по строчно ровно выводить

Просто построчно? Но так, чтобы была четкая линия?

Это же обычный display: inline-block

вот как на скрине

тоесть внтури div с классом row

я хочу n ое количество элементов выводит в цикле

элемент-это изображение вогнанное в чёткие пропорции и подпись под ним

если большой экран-то в колонку по 4, если мобилка-то в одну колонку . Как то так

если большой экран-то в колонку по 4, если мобилка-то в одну колонку . Как то так

https://codepen.io/ZloDeeV/pen/XgjgLY

Да, я щас попробую туда вставить ссылки на изображения, посмотрю что получится

Кек

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> для адаптивности нужно?

Ребят, научитесь пользоваться dib все. Это лучше, чем флоаты

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> для адаптивности нужно?

не

Ребята

пожалуйста

помогите

<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3"> для адаптивности нужно?

.col-sm-6.col-md-3 будет достаточно

никак не могу понять как можно сделать увеличение и перемещение картинки😔😔😔😔😔

Ребят, научитесь пользоваться dib все. Это лучше, чем флоаты

что за зверь? не гуглится

Это display: inline-block

никак не могу понять как можно сделать увеличение и перемещение картинки😔😔😔😔😔

при наведении курсора?

Чем лучше?

флексибл потому что

https://codepen.io/ZloDeeV/pen/XgjgLY

я вставил там картинки

они разных пропорций, вот их по их ужать в один размер

флексибл потому что

Ну тогда давайте уже за гриды пофлудим

Посмотри пожалуйста по ссылке

Посмотри пожалуйста по ссылке

Ты не можешь изменить мою пенку)

Ты не можешь изменить мою пенку)

блин

А толку от флексов, если до сих пор хватает косяков с поддержкой

при наведении курсора?

не совсем при наведении курсора. ситуйция довольно специфичная. несколько картинок накладываются друг на друга как слои = создается впечатление что это одно изображение. вот его нужно увеличивать и передвигаться по нему ("захватив мышкой"). собсна на этом изображении должны быть две кнопки (увеличение\уменьшение)

например попробуй сделать блок в 100% высотой от флекс-элемента и посмотри в разных браузерах

Попробуй туда добавить ещё скроллов

есть куча готовых решений, но для одного(!) изображения. а для моего случая, видимо придется самому работать

Мне лень раскапывать примеры. Но несколько косяков конкретно в сафари не фиксятся уже пару лет

Не говоря уже про ie

Даже хром в сложных случаях может обосраться там, где не обосрется сафари.

Ты не можешь изменить мою пенку)

вот такой например html https://pastebin.com/d4jbxp11

ну короч, когда делаешь сложную штуку с кучей флексовых элементов, то обязательно напорешься на что-нибудь.

вот такой например html https://pastebin.com/d4jbxp11

https://codepen.io/ZloDeeV/pen/XgjgLY

Из-за разницы в работе флексов в браузерах

Safari 10 and below uses min/max width/height declarations for actually rendering the size of flex items, but it ignores those values when calculating how many items should be on a single line of a multi-line flex container. Instead, it simply uses the item's flex-basis value, or its width if the flex basis is set to auto. see bug. Fixed in all versions > 10.

In Safari, the height of (non flex) children are not recognized in percentages. However other browsers recognize and scale the children based on percentage heights. (See bug) The bug also appeared in Chrome but was fixed in Chrome 51

Firefox 51 and below does not support Flexbox in button elements. Fixed in version 52.

Короч https://github.com/philipwalton/flexbugs

Моё мнение - юзать можно и нужно, но без костылей не обойтись

https://codepen.io/ZloDeeV/pen/XgjgLY

Потому что у меня за плечами два проекта на флексах

ну вот собственно они разной высоты получились

https://codepen.io/ZloDeeV/pen/XgjgLY

Там ограничение по высоте стояло для примера