Таблицы и Курсоры

автор Uzumak1_naruto Февраль 15th 2008, 16:09

Люди добрые скажите как сделать таблицу хтмл....и еще где можно взять курсоры с Наруто? кто знает...буду очень благодарен

автор Lucky* Февраль 15th 2008, 16:12

Uzumak1_naruto, какую таблицу? О курсорах ЗДЕСЬ

автор Uzumak1_naruto Февраль 15th 2008, 16:20

http://nevendaar.forum2x2.ru/index.htm как тут сверху например!

автор Nasty Girl Февраль 15th 2008, 16:51

Чтоб сделать такую таблицу нужны хоть малейшие знания по хтмл, советую поискать учебники в интернете их навалом и загрузить хтмл редактор. Удачи smile

автор **Luz** Февраль 15th 2008, 16:56

Uzumak1_naruto smile

(и все остальные уважаемые пользователи)

пожалуйста, не давайте вашим темам названия типа "Помогите" "Проблемка" "Что делать" и т.д. - давайте информативные названия, говорящие о вашем вопросе

с уважением,
luz

EDIT (переименуйте, пожалуйста smile

)

автор Uzumak1_naruto Февраль 15th 2008, 18:09

та знаю я много про хтмл)))))Но вот таблицы......

автор Inkogneto Февраль 15th 2008, 19:10

Код:
<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 - фон картинкой

Пробуем создать простую таблицу:
Код:
<table border="0" width="100%" bgcolor="#FF0000" cellspacing="0" cellpadding="0"> <tr> <td bgcolor="#008000" rowspan="3"> </td> <td align="right" valign="top" colspan="2">Рас рас</td> <td width="394" rowspan="3"> </td> </tr> <tr> <td align="right" valign="top" colspan="2"> </td> </tr> <tr> <td align="right" valign="top" colspan="2"> </td> </tr> <tr> <td bordercolor="#FFFF00"> </td> <td> </td> <td> </td> <td width="394"> </td> </tr> </table>

Итак, пишем основной тег <table></table>
Затем прописываем две строки
<tr>
</tr>
<tr>
</tr>
А затем прописываем в каждую строку одинаковое количество столбцов

Итак теперь у нас весь код должен выглядеть вот так

Код:
<table border="5" width="100%"> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table>

Для наглядного примера, давайте в каждой ячейке сделаем что нибудь по другому..
Итак в первой мы поставим фон другого цвета

Прописываем в первый наш столбец вот такое bgcolor="#008000"
И видем что фон в верхней левой ячейке стал зеленым

Давайте во второй выравняем текст по верхнему правому краю align="right" valign="top"
Пишем какой либо текст, и он у нас будет выравниватся по правому краю в верху

В следующей давайте изменим ширину ячейки (ВАЖНО! Если меняете ширину верхней, также стоит изменить параметры и той которая находится под нашей ячейкой)
Тоесть пишем в 3 тег верхней строки width="400" и тоже самое пишем в 3 тег нижней строки

Теперь давайте изменим цвет границ ячейки
Выбираем какую нибудь ячейку, которую мы еще не калечели
И пишем туда bordercolor="#FFFF00"
Теперь граница нашей ячейки перекрасилась в желтый цвет

Итак, код нашей разукрашеной таблицы будет выглядить примерно вот так

Код:
<table border="5" width="100%"> <tr> <td bgcolor="#008000"> </td> <td align="right" valign="top">Рас рас</td> <td width="394"> </td> </tr> <tr> <td bordercolor="#FFFF00"> </td> <td> </td> <td width="394"> </td> </tr> </table>

Также можем сделать так, чтоб например в таблице было 2 строки, но в одной из строк была ячейка в которой еще несколько строк или столбцов..

Берем всю туже нашу таблицу
Допустим что в средней ячейке мы хотим сдлеать еще 3 строки, тогда в ячейку которая находится слева и справа от нее пишем rowspan="3"
Где 3 будет количество дополнительных строк
Если хотим чтоб были дополнительные столбцы, тогда в ячейки над ней, и под ней пишем colspan="2"
Где 2 будет количество дополнительных столбцов

Итак теперь код всего этого будет выглядеть вот так

Код:
<table border="5" width="100%"> <tr> <td bgcolor="#008000" rowspan="3"> </td> <td align="right" valign="top" colspan="2">Рас рас</td> <td width="394" rowspan="3"> </td> </tr> <tr> <td align="right" valign="top" colspan="2"> </td> </tr> <tr> <td align="right" valign="top" colspan="2"> </td> </tr> <tr> <td bordercolor="#FFFF00"> </td> <td> </td> <td> </td> <td width="394"> </td> </tr> </table>

Далее сам добавляй, что хочешь.
Пишем bgcolor="#FF0000" и цвет фона всей таблицы поменялся на красный...

И последнее. Если мы хотим совсем убрать границы таблицы то пишем вот такое border="0" cellspacing="0" cellpadding="0"

Автор ©Sweet Lou

Таблицы и Курсоры

Таблицы и Курсоры

Re: Таблицы и Курсоры

Re: Таблицы и Курсоры

Re: Таблицы и Курсоры

Re: Таблицы и Курсоры

Re: Таблицы и Курсоры

Re: Таблицы и Курсоры