2 картинки в div

[okunev2]

подскажите код css, как можно в одну ячейку таблицы вставить две картинки, чтобы одна выравнивалась по верхнему краю, а другая по нижнему и в этой же ячейке применялся градиент, так как эта ячейка будет тянутся по высоте?

[okunev2]

[okunev2]

ни кто не подскажет

[Fu-tai]

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

[okunev2]

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

Есть этот пример?!

[okunev2]

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

[okunev2]

ну как?

[okunev2]

[Vlad]

Перестань множить бессмысленные темы!

"Матрешка" делается так:

Содержимое

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

[okunev2]

я знаю!

Но эту матрешку нужно ещ? засунуть в td.class, тобишь в ячейку таблицы, без таблиц не обойтись, нужно вот и скрестить верстку дивами и табличную!

Делаю такую матрешку, засовываю е? в таблицу и ничего не работает, стили не приминяются, хотя картинки выводятся! Что делать?

[okunev2]

Ну как быть в данном случае?

[Dimitry Wolotko]

okunev2, хватит флудить смайлами.

В проблемы вертски.

[okunev2]

Все учят, не флуди, не пиши, А дельно сразу подсказть увы

[maddogrts]

присвой ячейке класс. определи для нее стили (фон + градиент)

Далее вложы туда два тега верхний для верхней картинки , нижний для нижней.

А по центру используй параграф или див и пиши туда .

[okunev2]

присвой ячейке класс. определи для нее стили (фон + градиент)

Далее вложы туда два тега верхний для верхней картинки , нижний для нижней.

А по центру используй параграф или див и пиши туда .

Я не понял, можно примерчик?!

[ageent]

А самому мозги напрячь сложно? Ведь тебе уже все объяснили.

[okunev2]

вот вы бы и подсказали или тоже не знаете

[maddogrts]

хмык )))

ну давай

....

Супер ячейка

...

#верх {background: url(картинка) 100% 0 (или наоборот не помню )) ) no-repeat}

#низ {background: url(картинка) 0% 0 no-repeat}

#градиент {background:фон url(картинка) repeat-x или repeat-y}

[okunev2]

[okunev2]

хмык )))

ну давай

....

Супер ячейка

...

#верх {background: url(картинка) 100% 0 (или наоборот не помню )) ) no-repeat}

#низ {background: url(картинка) 0% 0 no-repeat}

#градиент {background:фон url(картинка) repeat-x или repeat-y}

вот:

td.content9 {
 width: 70px;
 background: url(images/bg4.jpg) repeat-y;
}

#content9_1 {
 background: url(images/bg5.jpg) 100% 0 no-repeat;
 width: 70px;
}

#content9_2 {
 background: url(images/bg6.jpg) 0% 0 no-repeat;
 width: 70px;
}

вот:

<td class="content9" rowspan="3"><div id="content9_1"><div id="content9_2"> </div></div></td>

Градиент выводится в ячейке, а вот рисунок снизу и сверху в ячейке нет

[Dimitry Wolotko]

okunev2, ещ? раз смайлом флудан?шь - получишь бан на пару дней.

[maddogrts]

высоту поставить для верхгнего и нижнего рисунка

height: 10px (сколько он у тебя там)

[okunev2]

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

[maddogrts]

нарисуй в Painte что тебе надо и выложи

[okunev2]

1 - верхняя картинка (ширина такая же как у ячейки)

2 - нижняя картинка (ширина такая же как у ячейки)

3 - градиент который тянется по центру

см. выше код, все эти дивы в 3 объединенных ячейках применяются и сам класс градиента к ячейке

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

[maddogrts]

td.content9 {

width: 70px;

background:#3C4646 url(images/bg4.jpg) repeat-y;

}

#content9_1 {

background: url(images/bg5.jpg) 100% 0 no-repeat;

width: 70px;

height: 50px;

position: relative;

}

#content9_2 {

background: url(images/bg6.jpg) 0% 0 no-repeat;

width: 70px;

height: 50px;

position: relative;

}

попробуй так