Проблема с HTML таблицами HELP

Ответить
Аватара пользователя
[mzd]

Проблема с HTML таблицами HELP

Сообщение [mzd] »

Сумма в у.е.

взнос0

Ф. взносв у.е.

Остаток0

Курс ЦБ

























Таким же образом формирует еще 4 таблице по 8 столбцов.

В общей сложности получается таблица 5строк на 8 столбцов.

Каким образом мне сделать так, чтобы, сформировать еще одну такою же таблицу из 5строк и одного столбца точно под первой таблице и еще одну таблицу такими же циклами 5строк на 8 столбцов точно под двумя этими таблицами.
Аватара пользователя
[mzd]

Re: Проблема с HTML таблицами HELP

Сообщение [mzd] »

Можа здесь что полезное найдешь:


Цитата:



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

*Итак, код простейшей таблицы 2х2 ячейки:







начало таблицы содержит:

width - ширина (у нас 200 пихелей),

border - толщина каемки/бордюра нашей таблицы (у нас 1 пихель)

cellspasing - расстояние между ячейками,

cellspadding - отступ от границ ячейки внутри нее.



остальной код:

* *

* * * * *1

* * * * *2

*

*

* * * * *3

* * * * 4

*





Вот такая вот табличка:



1 2

3 4



добавив в код сегмент:





* * * * *3

* * * * 4

*



мы получим третью строку с двумя столбиками.



Количество ячеек может располагаться и по-другому - например так:



1 2

3

4 5



1 3

2

4 5





* *1

* * 2





* * 3





* * 4

* * 5







выделение жирным в коде соответствует закрашенности серым цветом в таблице.

все отличие такого построения таблиц залючается в появлении параметра rowspan="2"

цифра в котором соответствует количеству "подстрок", т.е. буквально то, сколько строк слилось в этой ячейке:



1 3

2

4 5





* * 1

* * 3





* *2

* *

* *4

* *5







*Если в симметричной таблице мы читаем слева-направо, то тут происходит то же самое, только почему же в коде впереди 2-ки стоит ячейка с цифрой 3? Все очень просто - буквально код расшифровывается, как "ячейка 1", "ячейка 3, состоящая из ДВУХ подстрок", ячейка 2, второй строки. Но физически ячейка 3 принадлежит к ПЕРВОЙ строке! Ведь HTML читается именно построчно - слева-направо ;0)

*А что будет, если поставить после 3-ки еще такую же ячейку? 3b например?



1 3 3b

2

4 5



*

* * *1

* * *3

* * *3b

*

*

* * *2

*

* * *4

* * *5

*





* Да, да - в той ячейке тоже достаточно прописать rowspan="2".

*А что, если в правой колонке нам надо три ячейки?

1 3 3b

2 3c

3d



*

* * *1

* * *3

* * *3b

*

*

* * *2

* * *3c

*

*

* * *3d

*







*Читаем код: Ячейка 1 (обычная) > ячейка 3 (состоит из трех слитых воедино строк) > ячейка 3b (тоже обычная); тут у нас начинается вторая строка. Начинается она с ячейки №2, обозначаемой как "ячейка, состоящая из двух строк, т.е. слитых по вертикали ячеек", а ячейки 3с и 3d - совершенно обычные ячейки. Для упрочщения понимания строки в таблице на примере обозначены разными тонами, т.е. каждый тон соответствует строке. Это немного сложно осознать с наскока, но это весьма важно - понимать очередность считывания и принцип построения, так что напрягитесь и постарайтесь :0) От глубины понимания процесса будет зависеть умение пользоваться ВСЕМИ преимуществами таблиц, а не 10-15% которыми пользуется большинство.



* Если же у нас наличествуют яейки, совмещенные по горизонтали, то вместо тега rowspan используется тег colspan, естетсвенно, в той ячейке, которая занимает площадь нескольких.):



1

2 3



* Так же следует отдельно запомнить, что параметры, вставляемые в тег открытия строки (
Аватара пользователя
Sean Ingumsky

Re: Проблема с HTML таблицами HELP

Сообщение Sean Ingumsky »

alexbank

Может, я не совсем верно понял впрос, но чем вас не устраивает, например:





Таблица1





Таблица2





Таблица3





Таблица4
Ответить

Вернуться в «Программирование и базы данных»