Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > вертикальное выравнивание 2х image внутри td

Автор: micolo 19.10.2009, 07:16

Доброго времени суток!
Вопрос такой. Имеется такой код;

Код


<tr>
<td id="bg" background="bg.jpg" height="100">
<img src="top.jpg" id="top" height="10">
<img src="bottom.jpg" id="bottom" height="10">
</td>
<td id="simple">
текст
</td>
</tr>

Как сделать на CSS чтобы при при увеличении текста в #simple изображения в #bg были соответстенно #top вверху td, #bottom внизу, т.е. получается вертикальная растяжка с изображениями.
Спасибо!

Автор: youri 19.10.2009, 10:34

поместить top и bottom в отдельные ячейки
то же самое можно с помощью двух div'ов сделать (вместо всей таблицы)

Автор: micolo 19.10.2009, 11:21

я так делал - тогда при

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

не работает height: 100% у этой таблицы, чтобы растянуть эту часть.

Автор: sh_iv 19.10.2009, 14:53

Код


<table height="100%">
    <tr>
        <td id="bg" background="bg.jpg" height="100%">
            <table height="100%">
                <tr>
                    <td valign=top>
                        <img src="top.jpg" id="top" height="10">
                    </td>
                </tr>
                <tr>
                    <td valign=bottom>
                        <img src="bottom.jpg" id="bottom" height="10">
                    </td>
                </tr>
            </table>
        </td>
        <td id="simple">
            текст
        </td>
    </tr>
</table>

Автор: Itsys 19.10.2009, 15:31

только что была http://forum.vingrad.ru/forum/topic-276412.html