по каким параметрам мне их готовить? я не въезжаю вооообще
Считая пропорции так, чтобы фотки влезли в строку с учетом отступа между ними и знания о том, что rowHeight это не высота, а минимальная высота.
С другой-то стороны, нормально подготовленным фоткам даром не сдался этот плагин.
Андрей, потому что при указанной минимальной высоте, фотка может занять всю ширину, а вторая не помещается.
Уменьшите минимальную утрированно, например, до 300 или 200.
Андрей,
Оригинальная высота 427, плагин вы попросили сделать минимальную высоту 590 => фотка растянулась и прекрасно заняла всю строку.
По всей видимости, плагин начинает считать от исходных размеров первой фотки в строке. Берет её высоту..
Андрей, ну, если вопрос не срочный, ждите, может кто-то найдет эту библиотеку, возьмёт, угадает что там с размерами ваших фоиок и сделает за вас песочницуи посмотрит, что там в стилях.
1. Сделать 5 столбцов, а не 3.
Блоки с текстом будут занимать по 2 колонки.
Псевдо с картинкой - 3.
2. Сделать две колонки.
2.1. Текст с отступами в левую и правую. Псевдо с картинкой - в обе колонки и по центру.
2.2. Аналогично, но псевдо прибить абсолютом.
2.3 Аналогично, но картинку фоном.
они в основном просто лупят positing fixed который мне ломает поток и внешний вид таблицы
Что именно он вам ломает?
Когда шапка таблицы исчезает, то делаете fixed и прибиваете к верху окна. У вас и сейчас там шапка, только пересчитываете всё постоянно зачем-то. При обратном скролле убираете. Процесс ничем не отличается от липкой шапки на js.
И, может быть, имеет смысл что-то сделать с семантикой, сейчас выглядит дико.
Альтернатива: делать скролл вокруг самой "таблицы" и обычный sticky. Ну и в table переделать.
Немножечко не так.
У img нет псевдо, пока отображается сама картинка.
Если картинка потеряется, то появятся псевдо.
Т.е. можно стилизовать битые картинки.
Вместо div для обертки картинок для повышения семантичности, если нужно, можно использовать теги figure в паре с figcaption
CcJn, на будущее, делайте песочницу с примером на codepen.io или jsfiddle.net или аналогах и нормально описывайте кто и куда должен прижаться. Вряд ли кто-то станет серьезно компилировать ваш код в голове.
CcJn, сейчас у всех .wall-post ширина 100%. Так что без разницы к какому краю их прижимать, результат одинаковый. Это у вас в стилях написано.
Дальше варианты:
1. Прижать к правому краю содержимое.
2. Перестать растягивать на 100% и прижать сам блок. Хоть марджином. Либо свойствами родительского флекса.
Повесить important на глобальный селектор по тегу, это надо догадаться. Не надо так делать, пожалуйста.
А кроме того что поломает, вообще писать important в своём коде это моветон. Тем более, что есть легкие варианты обойтись без него. Потому что дальше с этим кодом тоже придется как-то работать.
Считая пропорции так, чтобы фотки влезли в строку с учетом отступа между ними и знания о том, что rowHeight это не высота, а минимальная высота.
С другой-то стороны, нормально подготовленным фоткам даром не сдался этот плагин.