• Авторизация
Дневник Mindless Лента друзей - Дневник - Полная версия


Украшаем табличку! 12-12-2004 06:07 к комментариям - к полной версии - понравилось!


Несколько хитростей, связанных с табличкой...
Если толщину бордюра указать равной "0", то её, разумеется, не будет видно. Это можно использовать для разбивки текста на колонки.
Табличку можно сделать цветной. Для этого просто указываем цвет фона. Вот так:
12
34

Исходный текст:


<table width="400" border="3" cellspacing="0" cellpadding="0">

<tr><td bgColor=#ff0000>1</td><td bgColor=#ffff00>2</td></tr>

<tr><td bgColor=#00ff00>3</td><td bgColor=#0000ff>4</td></tr>

</table>

Точно так же меняется цвет, размер и начертание шрифта. Смотрим внимательно:
12
34

Исходный текст:


<table width="400" border="3" cellspacing="0" cellpadding="0">

<tr><td bgColor=#ff0000><FONT COLOR=#ffff00><FONT FACE=georgia>1</td>

<td bgColor=#ffff00><FONT COLOR=#ff0000><FONT FACE=arial><B>2</B></td></tr>

<tr><td bgColor=#00ff00><FONT FACE=times><B><I>3</I></B></td>

<td bgColor=#0000ff><FONT COLOR=#ffffff><FONT FACE=arial><FONT SIZE=6>4</td></tr>

</table>

Я надеюсь, всё понятно?
вверх^ к полной версии понравилось! в evernote
Комментарии (2):
Alemurochka 06-09-2005-21:10 удалить
Mindless, Можно ли в табличку вставить текст и фотографию, например , где цифра 1- там хочу поставить фото, а где цифра 2-текст и наоборот ?
Обратиться - Ответить - К полной версии
ПОЛИСАНА 21-02-2008-20:30 удалить
С большим апетитом кушаю эти теги [показать]Мой папа мне всё это по другому рассказывал...
[270x190]


<td rowspan="5" colspan="4" width="400">содержание ячейки 1</td>

В этой строке осталась ещё ячейка №2, которая занимает 1 строку и 1 столбик, поэтому она описывается обычным образом:

<td width="100">содержание ячейки 2</td>

В строках со второй по пятую первые четыре ячейки каждой строки входят в состав ячейки №1, уже указанной в таблице.
Поэтому в этих строках остаётся указать только ячейки пятого столбика, и описание строки будет включать только 1 ячейку:

<tr>
<td width="100">содержание ячейки</td>
</tr>

Шестая строка опысывается, как обычно и состоит из 5 ячеек:

<tr>
<td width="100">содержание ячейки 7</td>
<td width="100">содержание ячейки 8</td>
<td width="100">содержание ячейки 9</td>
<td width="100">содержание ячейки 10</td>
<td width="100">содержание ячейки 11</td>
</tr>
Полный код таблицы:

<table width="500" height="300" border="1" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="5" colspan="4" width="400"><p align="center">1</p></td> (1 строка)
<td width="100"><p align="center">2</p></td>
</tr>

<tr>
<td width="100"><p align="center">3</p></td> (2 строка)
</tr>

<tr>
<td width="100"><p align="center">4</p></td> (3 строка)
</tr>

<tr>
<td width="100"><p align="center">5</p></td> (4 строка)
</tr>

<tr>
<td width="100"><p align="center">6</p></td> (5 строка)
</tr>

<tr>
<td width="100"><p align="center">7</p></td>
<td width="100"><p align="center">8</p></td>
<td width="100"><p align="center">9</p></td> (6 строка)
<td width="100"><p align="center">10</p></td>
<td width="100"><p align="center">11</p></td>
</tr>

</table>
Обратиться - Ответить - К полной версии
26-01-2009-19:07 удалить
Спасибо за Ваш труд!!
Обратиться - Ответить - К полной версии


Комментарии (2): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Украшаем табличку! | Mindless - Mindless? Never Mind!.. | Лента друзей Mindless / Полная версия Добавить в друзья Страницы: раньше»