Сделать элементы на одном уровне

[Zverushka]

Здравствуйте.

вот у меня раздел каталог на сайте http://zverushka.zz.mu/sani/

Там как видите кнопки купить и цена на разном расстоянии. Можно ли добиться, чтобы они автоматически выравнивались, не оборачивая в строку по 3 кнопки одновременно? Чтобы сущность article осталось целой и ее не пришлось разбивать на строки.

[vtoes288]

если только div class="text" задать высоту, но получится не очень хорошо ))

Можно поставить кнопку в другом месте, правый угол у всех картинок свободный, например, или сразу после картинки, с лева или с права и пусть текст обтекает её. Удачи.

Edited November 3, 2013 by vtoes288

[Zverushka]

Пришлось вчера вечером все переделывать на такой вариант 

http://zverushka.zz.mu/sani2/

Думала таблицы помогут (табличное отображение), но я не увидела в чем это упростит код и сделала просто слоями....

Edited November 3, 2013 by Zverushka

[npofopr]

Пришлось вчера вечером все переделывать на такой вариант 

http://zverushka.zz.mu/sani2/

Думала таблицы помогут (табличное отображение), но я не увидела в чем это упростит код и сделала просто слоями....

Я бы за такое ручки отрывал :-) 

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

Вот наделали вы строчек .row и кому он нужны? Вы не думаете, что блоки должны быть отдельными блоками? Т.е. санки Тимка5 это должен быть отдельный блок, независимый от других, чтобы программист мог с легкостью вывести его из базы или еще откуда.

А у вас, извините, ерунда теперь какая то. Все блоки друг от друга пляшут. 

[Zverushka]

@npofopr,

Я очень хотела сделать независимым блоком верстку, но я не знала как! спросила совета на форуме - но никто не ответил. Но я не могу держать верстку по несколько дней (это срочная верстка на сутки), ее надо сдавать и пришлось сделать единственным методом, пришедшим в голову. 
Если вы можете подсказать, как это реализовать другим способом - я буду очень благодарна. Напомню, первая версия с кривыми кнопками и контентом, но с независимыми блоками - вот  http://zverushka.zz.mu/sani/

Если сделать таблицей - это ведь будет по сути ничем не лучше. чем мой вариант. Очень бы хотелось узнать как реализовать. Надеюсь на ваш профессиональный опыт и подсказку!

Edited November 4, 2013 by Zverushka

[SelenIT]

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

[npofopr]

Самое простое это выравнивать через скрипты, наподобие equal height.

Конечно, не совсем кошерно, но зато работать вроде будет везде. Да и строчек скрипты там не так много. 

Ну и тут вообще все колонки будут одинаковые. 

Но при загрузке естественно будет сперва не красиво все, т.е. столбцы выравняются после загрузки js

Edited November 5, 2013 by npofopr

[CoDy]

Ну если готовы подправить макет, тогда можно подправить его так, чтоб подошло  предложенное SelenIT решение.

Вот тут грубый пример: http://jsfiddle.net/RsFd2/.

И еще при появлении в элементе

<header><h3>Тимка 5</h3></header>

более чем 2 строк верстка немного ломается, что можно увидеть в приведенном примере.