|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
29.07.2010, 12:37 | #1 |
Пользователь
Регистрация: 27.07.2010
Сообщений: 91
|
рисование сложной таблицы
Доброго дня!
Помогите, plz, с рисованием в ХТМЛ сложной таблицы (как во вложении). Сам пробую - после второго ряда таблица перестаёт быть похожей на нечто близкое к таблице См. вложение. Спасибо! |
30.07.2010, 05:30 | #2 |
Форумчанин
Регистрация: 27.04.2010
Сообщений: 185
|
Таблица
А в чем проблема то была?
Прокомментил, как мог
Помог - тырк на весы
|
30.07.2010, 11:27 | #3 |
Пользователь
Регистрация: 27.07.2010
Сообщений: 91
|
dekameron
Отлично! Спасибо! На сколько я понял там нужен файл стилей - залей, plz. Вот смотрю на эту таблицу - в ОгоньЛиса отображается а в Эксплорере нет. Точнее в последнем браузере только внешние границы видны. Спасибо! Последний раз редактировалось Che Guevara; 30.07.2010 в 12:41. |
30.07.2010, 19:03 | #4 |
***
Участник клуба
Регистрация: 30.07.2007
Сообщений: 1,162
|
Всё очень просто:
Код HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица</title> <style type="text/css"> *{padding:0;margin:0;} body{width: 800px; margin:auto;padding-top: 50px;} table{width: 100%;} table td, table th{height: 120px;} </style> </head> <body> <table cellpadding="0" cellspacing="0" border="1"> <!-- [Первая строчка] --> <tr> <td colspan="4" style="width: 100%;"> <!-- [Сливаем 4 колонки в одной ячейке] --> </td> </tr> <!-- [Конец первой] --> <!-- [Вторая] --> <tr> <td colspan="3" style="width: 75%;"> <!-- [Сливаем 3 колонки в ячейке] --> </td> <td style="width: 25%;"> <!-- [Четвертая ячейка отдельно] --> </td> </tr> <!-- [Конец второй] --> <!-- [Третья] --> <tr> <td style="width: 25%;" rowspan="2"> <!-- [Сливаем 2 колонки (текущую и ту, что будет под ней, в следующей строке)] --> </td> <td style="width: 25%;"> <!-- [Одиночная ячейка] --> </td> <td style="width: 25%;"> <!-- [Одиночная ячейка] --> </td> <td style="width: 25%;" rowspan="2"> <!-- [Сливаем 2 колонки (текущую и ту, что будет под ней, в следующей строке)] --> </td> </tr> <!-- [Конец третей] --> <!-- [Четвертая] --> <tr> <td> <!-- [Одиночная ячейка (если считать от начала, то это уже вторая. первая описана в блоке выше и слита с теми ячейками)] --> </td> <td> <!-- [Одиночная ячейка (считая от начала уже третья, четвертую, естественно, тоже пропускаем, она выше)] --> </td> </tr> <!-- [Конец четвертой] --> <!-- [Пятая] --> <tr> <td style="height: 240px;"> <!-- [Одиночная ячейка (только делаем в два раза выше от предыдущих)] --> </td> <td colspan="2"> <!-- [Сливаем две в одну] --> </td> <td> <!-- [Одиночная ячейка (высоту указывать не надо, она будет у всех равна максимальной высоте в строчке)] --> </td> </tr> <!-- [Конец пятой] --> <!-- [Шестая] --> <tr> <td colspan="4" style="height: 60px;"> <!-- [Сливаем 4 ячейки в одну и делаем по высоте поменьше] --> </td> </tr> <!-- [Конец шестой] --> </table> </body> </html> |
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Макрос для сложной выборки | DJspam894 | Microsoft Office Excel | 3 | 18.04.2010 10:32 |
Помогите со Сложной проблемкой | vlad1m1r19 | Microsoft Office Excel | 0 | 18.08.2009 19:20 |
Реализация сложной диаграммы. | BORINSHTEIN | Microsoft Office Excel | 2 | 12.12.2008 11:52 |
Помогите с созданием сложной таблицы | GrayBrother | Microsoft Office Excel | 4 | 25.08.2008 10:16 |