Форум PHP программистов > Таблицы, таблицы

[ Поиск ] - [ Пользователи ] - [ Календарь ]

LOST_INspace

2.09.2008 - 12:48

Я пишу сайт, мне сказали чтоб левое меню было во всю высоту страницы, я вычислил, что мне надо приблизительно 780px, и задал цвет фона таблицы. Все ок. Теперь формирую строки внутри таблицы, строки содержат, как обычно столбцы, там картинки, первый столбец имеет параметр valign="top", и встает вверх, вы наверно уже догадались про что я)). Следующие строки такого же формата располагаются как хотят, и игнорят параметр valign="top", и вообще чем больше ставить строк тем тем меньше расстояние между ними и наоборот. Меня это вообще не устраивает, я нарезал картинки в Photoshop и хочу чтоб между строками не было никаких расстояний. Когда делаешь height=100%, то строки выводятся в норм порядке без промежутков, но их колво изменяется динамически, их может быть мало, а фон должен идти до конца страницы. Я пробовал сделать вложенные таблицы, одну height=780px, для статического фона, потом внутри height=100% для вывода строк, но не работает. Пробовал каждую строку выводить в отдельную таблицу с параметром valign="top", тоже мимо. Если кто сталкивался (ау,гуру!), просьба помочь дельным советом. Заранее благодарен.
Вот немножко html-кода:

<table stlyle="background-color: rgb(83,189,237);" width="243" cellpadding="0" cellspacing="0" border="0" height="780">
<tr>
<td>
<table width="243" cellpadding="0" cellspacing="0" border="0" height="100%">
<tr width="243" height="135">
<td valign="top" width="15" height="135">
<img src="imgs/img2/logotip_copy.jpg" />
</td>
</tr>
<tr width="243" height="135">// вторая строка располагается по центру страницы , а не примыкает к низу первой
<td valign="top" width="15" height="135">
<img src="imgs/img2/logotip_copy.jpg" />
</td>
</tr>
</table>
</td>
</tr>
</table>

Спустя 25 минут, 48 секунд (2.09.2008 - 12:14) Sylex написал(а):

выложи весь код - так можно попробывать:)

Спустя 13 минут, 59 секунд (2.09.2008 - 12:28) Alchemist написал(а):

а чего тут пробовать - и так все ясно...

Дорогой друг,
1) строки любой таблицы всегда занимают по высоте все отведенное им место.
2) у вас таблица высотой 780 пикселов, а суммарная высота строк - 270. Поэтому, броузер пропорционально увеличивает обе строки чтобы выполнялся пункт 1. И уже после этого выполняет "valign=top", в чем вы легко могли убедиться если бы (для тестирования) выставили "border=1" для внутренней таблицы.

Решения:
1) выставить для строки внешней таблицы "valign=top" + убрать "height="100%"" у внутренней таблицы.
2) убрать "height="100%"" у внутренней таблицы и добавить после нее "распорку" - таблицу с "height=100%" с одной строкой также с "height=100%".
3) добавить во внутреннюю таблицу пустую строку без указания высоты.

выбирайте что вам больше нравится

Спустя 1 день, 22 часа, 1 минута, 21 секунда (4.09.2008 - 10:29) LOST_INspace написал(а):

Спасибо большое, работает 1) вариант. Видимо вы на верстке уже собаку съели)). А где поближе можно познакомиться с тем, когда использовать пикселы , а когда проценты, или только на практике?

Спустя 2 месяца, 1 день, 4 часа, 28 минут, 14 секунд (5.11.2008 - 15:57) Aleksander написал(а):

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

Спустя 36 минут, 31 секунда (5.11.2008 - 16:34) Sylex написал(а):

Цитата(Aleksander @ 5.11.2008, 18:57) [snapback]53641[/snapback]

зависит от макета
старайся поболее использовать фиксированные, с ними меньше глюков

_____________

Быстрый ответ:

Здесь расположена полная версия этой страницы.