[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Распределение ячеек в таблице
maaflrus
Здравствуйте. Помогите новичку...
У меня есть таблица

<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="175" align="center" valign="top"><? include ("blocks/page/centernavigation.php") ?></td>
<td width="600" align="center" valign="top"><? echo $myrow["text"];></td>
<td width="125" align="center" valign="top"><? include ("blocks/page/centerright.php") ?></td>
</tr>
</table>

В нее входит блок centerright.php с содержимым
<table width="125" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">1</td>
</tr>
<tr>
<td width="125" height="86" class="bottom_03"> </td>
</tr>
</table>

В стилях только
.bottom_03 {background-image:url(blocks/img/bottom_03.jpg)}

Как сделать так чтоб
тоб ячейка с 1 начиналась с верху, а ячейка с <td width="125" height="86" class="bottom_03"></td> с низу.

Где что мне дописать ?



Спустя 25 минут (23.07.2009 - 13:20) _CaXaP_ написал(а):
Боюсь, что я Вас не совсем до конца понимаю)

Предложу такой вариант, может подойдёт:

1. В css для класса bottom_03 написать так:
.bottom_03 {background-image:url(blocks/img/bottom_03.jpg) bottom left no-repeat}
Тогда фоновая картинка привяжется к низу ячейки и не будет никуда отъезжать.

А дальше высоту правой таблицы поставить 100% (растянется на всю высоту экрана), указать высоту верхней (первой) ячейки, а у второй ячейки поставить высоту *.

ЗЫ: вопрос скорее по html+css, нежели по пхп)

Спустя 48 минут, 16 секунд (23.07.2009 - 14:08) maaflrus написал(а):
Если конечно я все сделал правильно как вы мне подсказали

<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="175" align="center" valign="top"><? include ("blocks/page/centernavigation.php") ?></td>
<td width="600" align="center" valign="top"><? echo $myrow["text"]; /*Выводим ячейту text*/?></td>
<td width="125" height="100%" align="center"><? include ("blocks/page/centerright.php") ?></td>
</tr>
</table>

В centerright.php
<table width="125" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="100%" valign="top">1</td>
</tr>
<tr>
<td width="125" height="86" class="bottom_03"></td>
</tr>
</table>

В стилях
.bottom_03 {background-image:url(blocks/img/bottom_03.jpg);
bottom left no-repeat}

То получается

Спустя 20 минут, 56 секунд (23.07.2009 - 14:29) _CaXaP_ написал(а):
Нет, у второй ячейки надо высоту проставить *, а у первой фиксирвоанную, типа такого:

<table width="125" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50px" valign="top">1</td>
</tr>
<tr>
<td width="125" height="*" class="bottom_03"></td>
</tr>
</table>

тогда нижняя растянется к низу до конца и картинка "прилепится" к нижней границе.

Если же нужна "резиновость" верхней колонки, то тут посложней... Тогда можно так - т.к. фон одинаковый, то поставить высоту обеих ячеек по умолчанию - тогда каждая будет занимать 50% высоты и тянуться...

В общем поэкспериментируйте...

Спустя 2 часа, 5 минут, 6 секунд (23.07.2009 - 16:34) Soldier Ghost написал(а):
А здесь же вроде раздел пхп blink.gif
smile.gif

Спустя 2 дня, 22 часа, 18 минут, 4 секунды (26.07.2009 - 14:52) gletscherl написал(а):
поместить картинку в нижнюю (последнюю) ячейку и в ней valign:bottom
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.