Делаешь список: заголовок, картинка, цена, описание, кнопки. У красной кнопки выставить z-index больше чем у синей. Рамку наверное делать бордером, а что бы она уезжала под заголовок и кнопки использовать тот же z-index. Как-то так

Not IE6

Я так понимаю, что кнопки нужны?

Сообщение отредактировал lostprophet - 30.1.2011, 13:04

тут будет большая заморочка с кросс браузерностью. Так как каждый браузер это дело по разному выведет! Это не простая проблема, нужно стили для каждого браузера прописывать. А решение выше думаю оптимальное. Ставить 2 кнопки рядом и css налягивать одну на ругую. Так же и наезд на бордер - через css смещение по оси я вниз.

Но геморой обеспечен! Как с браузерами, так и расширениями экрана

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

lostprophet, position relative бронирует место под объект. И при таком методе смещения получится большое белое поле между текстом и кнопками.

Doomz, таким методом не реализовать потом реакцию кнопок при наведении и нажатии

и еще, обратите внимание на то, что есть белые поля по бокам от кнопок.

kharikein, ну и что?))
Задаете фон белый для слоя и получаете

справа от правой кнопки.

Да, и причем тут текст?

Сообщение отредактировал lostprophet - 30.1.2011, 16:56

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

Впрочем, даже если тянется по ширине, это решение тоже уместно. Но если требуется (или планируется) динамика (реакция на ховер или клик), то делайте сразу по уму. У левой кнопки белый фон, у правой тоже, правая смещена, обе правильно позиционированы. Проще на ходу сверстать, чем точно объяснить )

Сообщение отредактировал bitrixoid - 30.1.2011, 17:04

bitrixoid, Ширина фиксированная, высота динамичная. Кнопки динамичный с обратной реакцией на ховер и клик. Не хотите попробовать сверстать, если есть время?

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

Сообщение отредактировал kharikein - 30.1.2011, 17:24

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