лови, ту всё ясенька Если перед тобой великая цель, а возможности твои ограничены, — все равно действуй, ибо только через действие могут возрасти твои возможности.
Для начала разсмотрим несколько тегов и параметров <table></table> - тег самой таблицы Параметры border - толщина границ таблицы bordercolor - цвет границ таблицы bordercolorlight - цвет светлой части границы таблицы (точнее такого цвета будет левая и верхняя граница таблицы) bordercolordark - цвет темной части границы таблицы (правая и нижняя граница таблицы) bgcolor - цвет фона таблицы background - фон таблицы картинкой (background="Адрес картинки") width - ширина таблицы. Задается в процентах или пикселях height - высота таблицы. Задается в процентах или пикселях
<td></td> - тег ячейки <tr></tr> - тег строчки
Все параметры записываем исключительно в тег <td сюда разные параметры></td>
Параметры:
align - выравнивание в ячейке по горизонтали - left (по левому краю) - right (по правому краю) - center (по центру) - justify (по ширине)
valign - выравнивание в ячейке по вертикали - top (по верхнему краю) - baseline (по линии шрифта) - baseline (по нижнему краю)
height - высота width - ширина bordercolor - цвет границы ячейки bgcolor - цвет фона ячейки background - фон картинкой
Теперь попробуем создать простую таблицу которая будет иметь вот такой вид.
Для наглядного примера, давайте в каждой ячейке сделаем что нибудь по другому.. Итак в первой мы поставим фон другого цвета.
Прописываем в первый наш столбец вот такое bgcolor="#008000" И видем что фон в верхней левой ячейке стал зеленым
Давайте во второй выравняем текст по верхнему правому краю align="right" valign="top" Пишем какой либо текст, и он у нас будет выравниватся по правому краю в верху
В следующей давайте изменим ширину ячейки (ВАЖНО! Если меняете ширину верхней, также стоит изменить параметры и той которая находится под нашей ячейкой). Тоесть пишем в 3 тег верхней строки width="400" и тоже самое пишем в 3 тег нижней строки
Теперь попробуем изменить цвет границ ячейки Выбираем какую нибудь ячейку, которую мы еще не калечели И пишем туда bordercolor="#FFFF00" Теперь граница нашей ячейки перекрасилась в желтый цвет
Итак, код нашей разукрашеной таблицы будет выглядить примерно вот так...
Ну и последнее.. Можем порабоать над всей таблицей. ТОесть теперь все будем вставлять только сюда <table все сюда!></table> Поставим картинкой фон для всех ячеек где не указаны параметры фона Пишем bgcolor="#FF0000" и цвет фона всей таблицы поменялся на красный...
И последнее. Если мы хотим совсем убрать границы таблицы то пишем вот такое border="0" cellspacing="0" cellpadding="0"
Ну Вот вроде и все. Может немного запутано, зато если вы это выучите, тогда сможете создать таблицу любой сложности.
Если перед тобой великая цель, а возможности твои ограничены, — все равно действуй, ибо только через действие могут возрасти твои возможности.
тут текст или картинка, при наведении на которую появится подсказка
Тут сама подсказка
Code
<div class="bubbleInfo"> <div class="trigger">тут текст или картинка, при наведении на которую появится подсказка</div> <div class="popup">Тут сама подсказка</div> </div>
Если перед тобой великая цель, а возможности твои ограничены, — все равно действуй, ибо только через действие могут возрасти твои возможности.
Камень брони мастера VII Если перед тобой великая цель, а возможности твои ограничены, — все равно действуй, ибо только через действие могут возрасти твои возможности.