Параметры таблиц
Для изменения вида и свойств таблицы используется множество параметров, которые добавляются в теге <TABLE>. Общий синтаксис следующий.
<table параметр1="..." параметр2="...">
Описание параметров таблицы и их значений приведено в табл. 1.
| Свойство | Значение | Описание | Пример |
|---|---|---|---|
| align | left right center |
Выравнивание таблицы. | <table align="center"> |
| background | URL | Определяет изображение, которое будет использоваться в качестве фонового рисунка таблицы. | <table background="pic.gif"> |
| bgcolor |
#rrggbb | Цвет фона таблицы. | <table bgcolor="#ff9900"> |
| border | n | Толщина рамки в пикселах. | <table border="2"> |
| cellpadding | n | Расстояние между ячейкой и ее содержимым. | <table cellpadding="7"> |
| cellspacing | n | Дистанция между ячейками. | <table cellspacing="3"> |
| cols | n | Задает количество столбцов в таблице, помогая браузеру в подготовке к ее отображению. | <table cols="3"> |
| nowrap | Запрещает переносы строк в тексте. | <table nowrap> | |
| frame |
void above below lhs rhs hsides vsides box |
Задание типа рамки таблицы | <table frame="hsides"> |
| rules | all groups cols none rows |
Определяет, где рисовать границы между ячейками. | <table rules="cols"> |
| width | n n% |
Минимальная ширина таблицы, можно задавать в пикселах или процентах. | <table width="90%"> |
Примечание
- Таблица, если не указано особо, всегда выравнивается по левому краю.
- По умолчанию таблица выводится без рамки.
- Если ширина таблицы не указана, она подгоняется под содержание ячеек.
- Возможна ситуация, когда между ячеек таблицы возникают ненужные пустые промежутки. Это связано с тем, что перенос строк в коде HTML автоматически создает и дополнительный пробел в таблице. Чтобы избавиться от этого поместите код внутри тега <TR> в одну строку.
| Статья опубликована: 08.09.2005 | Последнее обновление: 28.03.2008 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Сергей
21.08.2006
А как корректнее сделать чтобы при щелчке по пустому полю столбца таблицы, заполненному рисунком, бродилка (IEE, Opera) переходила по ссылке?
Влад Мержевич
22.08.2006
Сделай рисунок внутри ячейки ссылкой и все дела.
Алексей
29.09.2006
Привет Влад! У меня такая проблема:
Делаю страничку в Firefoxe а в Explorere не показывает. И наоборот, стал делать в Explorere, так теперь в Firefoxe непоказывает... Выходит: лишний новый броузер - новая проблема... Нафиг ваще стали их придумывать! Был бы один, проблемы бы отпали неразом... Как ты с этим справляешься?
P.S. Я в html пока совсем плохо...
Делаю страничку в Firefoxe а в Explorere не показывает. И наоборот, стал делать в Explorere, так теперь в Firefoxe непоказывает... Выходит: лишний новый броузер - новая проблема... Нафиг ваще стали их придумывать! Был бы один, проблемы бы отпали неразом... Как ты с этим справляешься?
P.S. Я в html пока совсем плохо...
guest
29.11.2006
На самом деле ты не Firefox-ом делаешь, а с помощью редактора (неважно блокнот или dreamweaver). Да, лишний новый браузер - новая проблема.
Совет! Старайся писать по стандартам и проблем будет на порядок меньше .
Смысл верстальщика как раз в том и состоит, чтобы адаптировать страничку под разные типы браузеров. В этой адаптации и есть вся головная боль.
Совет! Старайся писать по стандартам и проблем будет на порядок меньше .
Смысл верстальщика как раз в том и состоит, чтобы адаптировать страничку под разные типы браузеров. В этой адаптации и есть вся головная боль.
Tol
22.12.2006
Влад, а можно ли через стили запретить в ячейке (со своим параметром class) таблицы перенос <nowrap>? У меня в таблице отрицательное число и знак "-" в самом "длинном" числе переносится на другую строку. Или можно только сделать между ними пробел и указать в стилях white-space:nowrap?
Влад Мержевич
25.12.2006
Чтобы переносов не было, добавь к тегу TD параметр nowrap, а через стили свойство white-space:nowrap
lovly_ulka
12.01.2007
Влад, у меня аналог. проблема, что и у Tol`a. Пробовала по твоему совету, ничего 
У меня в td есть список, у елементов li которого стиль float:left. Подозреваю, перенос происходит именно из-за них. Как это можно исправить?
У меня в td есть список, у елементов li которого стиль float:left. Подозреваю, перенос происходит именно из-за них. Как это можно исправить?Влад Мержевич
16.01.2007
2lovly_ulka
Добавь после списка <br style="clear:left">
Добавь после списка <br style="clear:left">
Олег
21.01.2007
Помогите, пожалуйста, новичку.
В таблице 2 строки (Я их сделал в NVU)
автоматом появились
<table style="text-align: left; width: 100%; height: 150px;"
Но я хочу, чтобы не обе строки были высотой по 150px, а верхняя - 100, а нижняя - 250.
Как это оформить?
В таблице 2 строки (Я их сделал в NVU)
автоматом появились
<table style="text-align: left; width: 100%; height: 150px;"
Но я хочу, чтобы не обе строки были высотой по 150px, а верхняя - 100, а нижняя - 250.
Как это оформить?
Влад Мержевич
22.01.2007
Олег, ячейки таблицы взаимосвязаны и имеют одну высоту. Используй вложеные таблицы.
Илья
23.01.2007
Влад Мержевич
Можно задать высоту отдельной строки
<tr height="">
<td></td>
</tr>
и будет счастье.
Можно задать высоту отдельной строки
<tr height="">
<td></td>
</tr>
и будет счастье.
Антон
26.04.2007
У меня вопрос,как сделать что в одной ячейки можно было бы вводить цифры разной высоты при нажатии какой нибудь клавиши,хотя бы ctrl?
Влад Мержевич
27.04.2007
Таблицы только отображают информацию, а не предназначены для ее ввода.
Анар
29.04.2007
а есть команда чтоб текст двигался вверх титрами???
как в стар варс
как в стар варс
Татьяна
01.05.2007
Влад, скажите пожалуйста - как сделать чтобы высота яйчейки таблицы была одинаковая во всех браузерах. Дело в том- что я вставляю в яйчейку таблицы- меню - фалй .js
И не могу подобрать высоту этой таблицы- куда вставленно меню, потому что во всех браузерах получается разная. Я сделала так - создала две td. В одной прозрачный пиксель - и задала высоту рисунка.
Но получается эта высота - неодинаковая в разных браузерах
И не могу подобрать высоту этой таблицы- куда вставленно меню, потому что во всех браузерах получается разная. Я сделала так - создала две td. В одной прозрачный пиксель - и задала высоту рисунка.
Но получается эта высота - неодинаковая в разных браузерах
Влад Мержевич
02.05.2007
2Анар
Есть тег MARQUEE для прокрутки содержимого по горизонтали и вертикали.
Есть тег MARQUEE для прокрутки содержимого по горизонтали и вертикали.
Влад Мержевич
02.05.2007
Татьяна, высота ячеек зависит от содержимого. Кроме того, она может меняться, если есть объединенные ячейки (параметр rowspan). В браузере IE также имеют значение переносы строк, они несколько увеличивают размер.
Siniy
13.05.2007
Влад, есть проблема - картина такая, есть одна таблица, состоящая из 2 колонок, в каждую колонку вложено еще по одной таблице, но беда в том, что если одна вложенная таблица по высоте больше другой, то меньшая центрируется относительно большей и сверху и снизу получаются отступы, как мне зафиксить обе вложенные таблицы наверху?
Влад Мержевич
14.05.2007
Для ячеек надо задать <td valign="top">.
П?тр
10.07.2007
Таблица, сочетанием текста и рисунков, проблема -под рисунками всегда оста?тся в Опере отступ в 2 пикселя, в Ие отступов нет.
Александр
14.09.2007
Не указан параметр: высота?
Влад Мержевич
20.09.2007
Параметра height у тега TABLE по спецификации нет. Браузеры его конечно понимают, но в стандарт height уже не входит.
Влад Мержевич
26.09.2007
Например, про сортировку таблицы здесь
http://htmlcoder.visions.ru/JavaScript/?22
http://htmlcoder.visions.ru/JavaScript/?22
Алан
04.10.2007
Здравствуйте! Я еще плохо знаком с html.. У меня таблица в 3 строки: первая и третья с одним столбцом шириной по 100%, а во второй хочу сделать 3 столбца- боковые по 150 пикс., а средняя чтобы растягивалась и занимала остальное место, заранее благодарен..
Артем
18.10.2007
Возникла такая поблема. Есть сайт на таблицах весь в основном. Шапка, слева колонка, справа колонка и по середине содержание страницы. Весь сайт на моем разрешении занимает не весь экран(так и нада). Вставляю в это "содержание" таблицу состоящую из двух колонок, одна меленькая, а вторая - сплошной текст, описание чего то. Так вот из за этой таблицы, весь сайт развигается до конца, т.е сайт занимает все пространство экрана. Как сделать так что бы текст внутри ячейки не увеличивал эту самую ячейку, а переносился на новую строчку, оставив ширину моей ячейки не тронутой??
СпасибО!
СпасибО!
A.G
20.10.2007
Доброго времени суток. Подскажите пожалуйста, как сделать содержимое табл.(либо табл. в целом) по центру экрана для любого разрешения мониторов. Код пишу на слое, тег "<centr>" неработает.
Andrey [ANDro]
15.01.2008
2_Алан: в первой и последней строке пиши <td colspan="3">
2_Артем: задай ширину таблицы или "плохого" столбца
2_A.G: <centEr>
2_Артем: задай ширину таблицы или "плохого" столбца
2_A.G: <centEr>
Андрей
05.06.2008
А как сделать чтобы при печати страницы не разрывались ячейки?
Т.е. часть текста ячейки на одном листе, а другая на втором
Надо адаптировать под IE(>
6.
Т.е. часть текста ячейки на одном листе, а другая на втором
Надо адаптировать под IE(>
6.Дима
11.06.2008
Помогите пожалста. Таблица ,по умолчанию, имеет зазаор между краем окна и ,собственно, самой таблицей. Как сделать, чтобы зазора не было и таблица продолжалась от края до края окна.
Викентий Семенович
29.07.2008
width - минимальный размер таблицы.
А максимальный размер таблицы есть? Чтобы она растягивалась до какого-то определенного предела.
А максимальный размер таблицы есть? Чтобы она растягивалась до какого-то определенного предела.