вирівнювання таблиці
Для завдання вирівнювання таблиці по центру веб-сторінки або по одному з її країв призначений параметр align тега <TABLE>. Результат буде помітний лише в тому випадку, якщо ширина таблиці використовують усю доступну область, іншими словами, менше, ніж 100%.
Параметр align може набувати таких значень: left, right, center.
left - вирівнювання таблиці по лівому краю. Цей параметр використовується за умовчанням, тому його зазвичай не вказують.
right - вирівнювання таблиці по правому краю веб-сторінки.
center - вирівнювання таблиці по центру веб-сторінки.
У прикладі 1 показано, як задати вирівнювання таблиці по центру.
Приклад 1. Вирівнювання таблиці по центру
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Вирівнювання таблиці </ title>
</ Head>
<Body>
<table width = "200" bgcolor = "# c0c0c0" cellspacing = "0" cellpadding = "5" border = "1" align = "center">
<Tr>
<Td>
вміст таблиці
</ Td>
</ Tr>
</ Table>
</ Body>
</ Html>
Результат даного прикладу показаний на рис. 1.
Мал. 1. Вирівнювання таблиці по центру
Насправді align не тільки встановлює вирівнювання, а й змушує текст обтікати таблицю з інших сторін аналогічно поведінці тега <IMG>. Але оскільки <TABLE> не має параметра hspace, задає поле по горизонталі, то цю роль необхідно перекласти на стилі, зокрема, атрибут margin. У прикладі 2 показано вирівнювання таблиці по правому краю і її обтікання текстом.
Приклад 2. Вирівнювання таблиці по правому краю
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Вирівнювання таблиці </ title>
</ Head>
<Body>
<Table width = "200" bgcolor = "# c0c0c0" cellspacing = "0" cellpadding = "5" border = "1" align = "right" style = "margin: 10px">
<Tr>
<Td>
вміст таблиці
</ Td>
</ Tr>
</ Table>
<P> обтічні таблицю текст ... </ p>
</ Body>
</ Html>
Результат даного прикладу показаний на рис. 2.
Мал. 2. Вирівнювання таблиці по правому краю
У поточному прикладі створюється таблиця з фоном сірого кольору і вирівнюванням по правому краю. Для створення відступів від таблиці до тексту використовується параметр margin зі значенням 10 пікселів.
Щоб заборонити обтікання таблиці при її вирівнюванні по одному з країв найпростіше додати після таблиці тег <BR> з заданим стилем clear: both. Ця команда забороняє обтікання, як з лівого, так і з правого краю (приклад 3).
Приклад 3. Скасування обтікання таблиці
<Html>
<Head>
<Meta http-equiv = "Content-Type" content = "text / html; charset = windows-1251">
<Title> Обтікання таблиці </ title>
</ Head>
<Body>
<Table width = "200" bgcolor = "# c0c0c0" align = "right">
<Tr>
<Td>
вміст таблиці
</ Td>
</ Tr>
</ Table>
<br style="clear: both">
<P> Текст ... </ p>
</ Body>
</ Html>
Вирівнювання таблиці по центру робиться аналогічно, через параметр align = "center" тега <TABLE>, але в цьому випадку ніякого обтікання не відбувається і текст після таблиці починається завжди з нового рядка.
Copyright що кредитують © www.htmlbook.ru
Коментарі
Коментуючи, пам'ятайте про те, що зміст і тон Вашого повідомлення можуть зачіпати почуття реальних людей, проявляйте повагу та толерантність до своїх співрозмовників навіть у тому випадку, якщо Ви не поділяєте їхню думку, Ваша поведінка за умов свободи висловлювань та анонімності, наданих інтернетом, змінює не тільки віртуальний, але й реальний світ. Всі коменти приховані з індексу, спам контролюється.