Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Делаем таблицу (новичкам)

Предыдущая тема Следующая тема Перейти вниз

Делаем таблицу (новичкам)

Сообщение автор Irbis в Пн 10 Мар - 12:28

т рассказываю. А то вечно намудрят.... раз уж обучать, то понятно для человека не знающего.<br>
Итак...
Таблица формируется следующим образом:<br>
Код:
<table width=100% border “1”>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<br>
В данном коде:<br>
Код:
<table width=100% border “1”></table> - сама таблица
Здесь width=100% - видимость, border “1” - толщина границ.
<tr></tr> - строка в таблице
<td></td> - ячейка в строке
<br>
Таким образом, приведенный выше код формирует таблицу из одной строки и трех ячеек (столбцов) в ней.<br>

Так как содержимое таблицы фактически вставляется в ее ячейки, то вся эта информация должна быть размещена ВНУТРИ тега
Код:
<td></td>
, например:

1) В первый столбец нашей таблицы вставляем текст - самый простой вариант.<br>

Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td></td>
<td></td>
</tr>
</table>
<br>

Тег
Код:
<center></center>
я добавляю, чтобы текст или что-то еще был по центру, можно и без него, но тогда содержимое прилепится к левой стороне ячейки.<br>
Текст может быть жирным, подчеркнутым и т.п., разного цвета и размера, но об этом - в другой теме...
Результат:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td></td>
<td></td>
</tr>
</table>

2) Во второй столбец вставляем рисунок:


Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td></td>
</tr>
</table>

Результат:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=http://attack-line.admin007.net/users/42/72/49/avatars/11-33.jpg></center></td>
<td></td>
</tr>
</table>


3) Вставляем в третий столбец скрипт, например. календарик или часики и т.п.<br>

Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td>Содержание скрипта</td>
</tr>
</table>
<br>

Например:

Код:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=адрес рисунка></center></td>
<td><center><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="mailhigh002-navy.swf";obj.TimeZone="R2T";obj.width=182;obj.height=60;obj.wmode="transparent";showClock(obj);</script></center></td>
</tr>
</table>

Ну и в конечном итоге выходит:
<table width=100% border “1”>
<tr>
<td><center>Вот сюда. Пишем что хотим</center></td>
<td><center><img src=http://attack-line.admin007.net/users/42/72/49/avatars/11-33.jpg></center></td>
<td><center><script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="mailhigh002-navy.swf";obj.TimeZone="R2T";obj.width=182;obj.height=60;obj.wmode="transparent";showClock(obj);</script></center></td>
</tr>
</table>

Irbis
 

Мужчина

Сообщения : 583
Возраст : 30
Регистрация : 2008-02-10
Благодарности : 216

Без предупреждений

http://help.forum2x2.ru/u849

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения