| Атрибуты дескриптора TABLE |
| align |
Выравнивание по горизонтали (left, center,
right) |
| bgcolor |
Цвет фона (например #8a2be2) |
| background |
Фоновая графика (рисунок в формате GIF или
JPEG) |
| border |
Толщина рамки таблицы |
| bordercolor |
Цвет рамки таблицы (IE) |
| bordercolordark |
Темный цвет рамки (IE) |
| bordercolorlight |
Светлый цвет рамки (IE) |
| cellspacing |
Расстояние между ячейками таблицы |
| cellpadding |
Расстояние между содержимым ячейки и рамкой
|
| width |
Ширина таблицы |
| height |
Высота таблицы |
Табличные строки формируются дескриптором <TR> Его атрибуты:
| Атрибуты дескриптора TR |
| align |
Выравнивание по горизонтали (left, center,
right) |
| bgcolor |
Цвет фона |
| bordercolor |
Цвет рамки строки |
| bordercolordark |
Темный цвет рамки строки (IE) |
| bordercolorlight |
Светлый цвет рамки строки (IE) |
| valign |
Выравнивание по вертикали (top, center, bottom,
baseline) |
Ячейки данных формируются дескриптором <TD>. Его атрибуты:
| Атрибуты дескриптора TD |
| align |
Выравнивание по горизонтали (left, center,
right) |
| background |
Фоновая графика |
| bgcolor |
Цвет фона |
| bordercolor |
Цвет рамки строки |
| bordercolordark |
Темный цвет рамки строки (IE) |
| bordercolorlight |
Светлый цвет рамки строки (IE) |
| colspan |
Охватываемые ячейкой столбцы |
| rowspan |
Охватываемые ячейкой строки |
| nowrap |
Выключение разрыва строк |
| valign |
Выравнивание по вертикали (top, center, bottom,
baseline) |
| width |
Ширина ячейки |
| height |
Высота ячейки |
Есть еще дескриптор заголоска таблицы - <TH>. Его атрибуты
такие-же, как и у дескриптора <TD>, за исключением того,
что содержимое заголовка по умолчанию выравнивается по центру,
а ячейки данных - по левому краю.
Предвидя возможные вопросы по поводу применения атрибутов COLSPAN
и ROWSPAN дескриптора TD, могу посоветовать следующее:
Для создания сложных таблиц можно использовать какой-нибудь WISIWYG-редактор
(тот-же FrontPage Editor). Там это сделать намного легче и быстрее.
Поверьте, в моей практике встречались такие таблицы, что иначе
как сделать их во FrontPage, а затем вычистить из файла весь мусор,
не представлялось возможным.
Вы когда-нибудь видели в Интернет таблицу, обведенную по контуру
рамкой? Да наверняка сотни раз. И сами наверняка пробовали. Но
вот беда: стоит только в таблице появиться более чем одной ячейке,
рамка распространяется и на них, то есть ни о каком контуре не
может быть и речи. Как быть в этом случае? Конечно, в проекте
стандарта HTML 4.0 есть встроенные средства управления рамкой
ячеек и строк, но есть путь проще. Используйте вложенную таблицу!
Вот Вам пример (приношу свои извинения подписчикам в текстовом
формате - там этого не видно):
| Заголовок
|
| Текст |
Еще текст |
| Текст |
Еще текст |
| Текст |
Еще текст |
| Текст |
Еще текст |
|
А для подписчиков в текстовом формате - исходничек вышеупомянутого
примера:
<table border=2 bordercolor=#000000 cellspacing=0
cellpadding=0 align=center width=300>
<tr>
<td bgcolor=#008877 align=center>
<font color=#ffffff size=+1><b>Заголовок</b></font>
</td>
</tr>
<tr>
<td align=center>
<table border=0 width=100% align=center cellspacing=0 cellpadding=3>
<tr>
<td> Текст </td>
<td> Еще текст </td>
</tr>
<tr>
<td> Текст </td>
<td> Еще текст </td>
</tr>
</table>
</td> </tr>
</table>
Так что дерзайте!
И еще кое о чем интересном:
Интересный глюк: при использовании тега <P>
с атрибутом align=justify, если внутри абзаца выделить жирным
шрифтом надпись, выравнивание может полететь к чертям! (Netscape).
Проявляется: если ширина рабочего поля не слишком большая
и в одну строку помещается около шести слов и похоже только
в том случае, когда в абзаце слева от текста в виде врезки расположен
рисунок (соответственно справа от рисунка помещается около трех
слов текста). В том случае, когда ширина выделенного жирным
текста больше, чем может вместить строка (слева от начала выделения
может стоять и обычное, "нежирное слово"), Netscape переносить
часть выделенной фразы на новую строку (sic! - Логично!), но
вот выравнивания по двум сторонам может и не остаться. Глюк
обнаружен мной 16.07.2000 в 23:15.
По этому поводу я собираюсь открыть в рассылке рубрику с названием
"Следующим будешь...?". Предлагаю всем желающим помочь Интернет-сообществу
в нелегком деле борьбы с браузерами. Присылайте найденные Вами
странности в поведении браузеров, ошибки в их работе (касающиеся
желательно интерпретации HTML-кода, а не зависания программ
и т.п.). Подробно опишите, при каких обстоятельствах проявилась
та или иная ошибка, старайтесь дать наиболее полные данные о
браузере (версия и т.п.), о шрифтах, их размере, разрешении
экрана и пр. Желательно перед отправкой письма мне самостоятельно
потестировать ошибку на предмет сужения круга возможных причин,
ее вызывающих. И пожалуйста, не присылайте описания наиболее
распространенных ошибок, типа неспособности Netscape выставить
правильную ширину таблицы, используя CSS... Так что, поможем
друг другу?
Кстати, по пока непроверенным данным, в Netscape версии 4.72
есть проблемы со свойством availHeight объекта screen. Я надеюсь,
что Alex Borodin, приславший мне описание этой ошибки, протестирует
ее и пришлет подробное описание, коим я с Вами непременно поделюсь.
И еще: после выхода предыдущей рассылки я получил достаточно
много писем, касающихся работы с фреймами. Если Вам интересна
эта тема, я с удовольствием ее освещу в одном из ближайших выпусков.
И вообще, если Вас интересует что-то конкретное, пишите. Все
письма, касающиеся интересных тем, я оставляю в своем архиве.
Так что просьба не обижаться, если не ответил лично и тотчас
же. Обязательно отвечу.
И, подводя итог, хочу сделать небольшое объявление: если Вы
чувствуете в себе силы в написании скриптов на JavaScript, если
у Вас есть интересные идеи, или если Вы просто наткнулись на
интересный скрипт и хотели бы, чтобы о нем знали другие, приглашаю
Вас стать одним из авторов на сайте, координатором которого
я являюсь. Его адрес: http://javascripts.boom.ru.
Пишите, если что...
design-star@mail.ru.
http://design-star.narod.ru.
|
