VPF::вертикальное выравнивание 2х image внутри td

micolo

Дата 19.10.2009, 07:16 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 6.12.2006

Репутация: нет
Всего: нет

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

Код


<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 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16

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

--------------------

С кем разговаривает Microsoft

micolo

Дата 19.10.2009, 11:21 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 23
Регистрация: 6.12.2006

Репутация: нет
Всего: нет

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

Код


<!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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 2.3.2007

Репутация: нет
Всего: нет

Код


<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>

Это сообщение отредактировал(а) sh_iv - 19.10.2009, 14:53

Itsys

Дата 19.10.2009, 15:31 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1338
Регистрация: 21.1.2008
Где: г. Москва

Репутация: 9
Всего: 34

только что была тема

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »