Проблема с отображением кнопки В корзину (ТЕМА ЗАКРЫТА)

[Lunik]

Ребята не подскажите где рыть чтобы выровнять кнопку "В корзину" в рекомендуемых товарах.
Все перерыл чего то не могу найти никак.
Подскажите пожалуйста.
Вот скрин как сейчас есть

[JustDavali]

задай высоту блока с аннотацией товара и кнопку прилепи к нижней границе.

[Lunik]

JustDavali а не подскажешь в каком файле рыть?

[JustDavali]

style.css твоего шаблона

[Lunik]

Я так понял вот тут надо поменять что то




}
.tiny_products .product{
width: 210px;
margin-right: 10px;
margin-bottom: 30px;
display: -moz-inline-box;
display: inline-block;
*zoom: 1;
*display: inline;
word-spacing: normal;
vertical-align: top;
}
.tiny_products .product .image {
vertical-align: middle;
text-align: center;
width: 200px;
height: 200px;
line-height: 200px;
background-color: #ffffff;
border: 1px solid #e0e0e0;
padding: 5px;
margin-bottom: 10px;
}
.tiny_products .product .image img{
vertical-align: middle;
max-width: 200px;
}
.tiny_products .product h3 {
font-size: 14px;
margin-bottom: 10px;
font-weight: normal;
}
.tiny_products .product h3.featured{
background: url(../images/star.png) no-repeat;
background-position: left middle;
padding-left: 20px;
}

[delprofile]

Да вы теги научитесь использовать или нет?

[Lunik]

delprofile Ну так ты объясни как сделать а не следи за чужими ошибками

[JustDavali]

Lunik замечание delprofile обоснованно тем, что форум портит код если вставлять его не используя BB код CODE, таким образом вы затрудняете помощь себе.

По теме, все верно

[Lunik]

delprofile а не подскажешь что в этом коде поменять надо?

[delprofile]

.tiny_products .product input[type=button] {margin: 0 auto;}

[Lunik]

delprofile Добавил в style.css но всё равно не выходит остаётся как и было!
Может что ещё надо добавить?

[delprofile]

да фиг знает не умею быть экстрасенсом

[Enhill]

Lunik Скинь ссылку на магазин, сразу все станет понятно.

[Lunik]

Enhill на лови)) http://absolute.rial-mebel.ru/

[Enhill]

В файле style.css поменяйте

.tiny_products .product h3 {
   font-size: 14px;
   font-weight: normal;
   margin-bottom: 10px;
}

на

.tiny_products .product h3 {    font-size: 14px;    font-weight: normal;    margin-bottom: 10px;    min-height: 256px;}

Решение так себе, однако проще всех остальных.

[Kosjak76]

Самое главное - убрать у кнопки ФЛОАТ, иначе все маржины - до жопы...

[Enhill]

Есть ещё один, более изящный вариант.

В .tiny_products .product добавить:

min-height: 320px;
position: relative;

В .button добавить

position: absolute;bottom: 0;

[Lunik]

Enhill, спасибо огромное помогло!!!!

[Rash]

Lunik, рано радуешься))) у тебя кнопка "В корзину" летает теперь по всему сайту)))

[delprofile]

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

Вам надо сначала оборачивать вариант товара потом уже внутри этой обёртки и ровнять, тогда будет срать какое разрешение!

[Lunik]

delprofile А не подскажешь как сделать?

[delprofile]

жёсткие параметры div
вариант обернуть в этот див

[Kosjak76]

Для того, чтобы кнопка не летала, достаточно указать позишн: релатив родителю...
Я в принципе не могу понять, что именно хочет ТС? Как и относительно чего выравнивать эту кнопку?

[Rash]

Kosjak76 , я предполагаю, что ему нужно сделать как на картинке

[Lunik]

Rash Так и должно быть как на верхней картинке.Тему читал сначала?Невнимательно тему прочитал! Сейчас надо чтобы корзина не литала по сайту)))))