Я конечно знаю что в инете куча материала на этот счет, но мб кому интересно и влом?
В общем, пост о написание таблицы, ибо я ими частенько пользуюсь для удовлетворения своих глаз.Пишу вручную D:
Начнем с того, что в таблице все элементы парные (ликбез: тег не бывает парным. он сам по себе значит один. те, которые не надо закрывать в конце. типа для картинок, ссылок етк.)
И вот сами элементы таблицы, означающие ее начало и конец. Все что между ними уже и будет таблица, но тупо туда ничего пока не впишешь, ибо этого не будет в таблице.
Если можно я дальше буду писать в круглых скобках, но они все будут <> на самом деле D:
Затем в таблицу прописываются строки - (tr) и ячейки (лололол, не столбцы да~) - (td) Тоже парные, имейте ввиду.
Т.е. примерно так
(table)(tr)(td)(td)(/td)(/td)(/tr)(/table) - таблица с 1 строкой и двумя ячейками.
(table)(tr)(td)(/td)(/tr)
(tr)(td)(/td)(/tr)(/table) - 2 строки по 1 ячейке. переносить не обязательно, но мне так удобнее.
Впринципе все, таблица у нас уже есть.) Можете херрачить в нее контент.
Забыл сказать, что кол-во ячеек в каждой строке должно быть одинаковое. Чтобы делать разное надо децл заморочиться и углубиться, но думаю вам это не понадобится, а мне влом. Погуглите про colspan и rowspan.
Я как правило делаю 1 строку и 1 ячейку, и мне этого хватает за глаза.
Потом, полюбому кому нить захочется воткнуть фон в таблицу. А это уже считается атрибутом тега. Т.е. вписывается непосредственно в тег между <>
Атрибут для заднего фона bgcolor="" Пишем цвет, либо код цвета (который можно в ФШ посмотреть или другом редакторе каком) между ковычками и ля вуаля.
Пример
(table bgcolor="red") здесь строки и ячейки пишем (/table)
И еще один атрибут, чтобы отодвинуть края от текста.
cellpadding="10px" ясный красный можно циферку менять. px само собой пикселы. можно поставить в %, но там ипаться больше по подгонке.
п.с. я честно не помню какая из cellpadding или cellspacing от края борта, а какая пространства между увеличивают xDD
Примееер
Всем спасибо, все свободны. Дальше вам поможет гугл ну или я в комментах.Зря что ли целый сайт писал в таблице на работу.
п.с. теги для вставки картинки я тоже выписываю вручную - типа выебнулся. чаще всего из-за style="text-decoration:none;" чтобы ипаную ссылку не подчеркивало.
В общем, пост о написание таблицы, ибо я ими частенько пользуюсь для удовлетворения своих глаз.
Начнем с того, что в таблице все элементы парные (ликбез: тег не бывает парным. он сам по себе значит один. те, которые не надо закрывать в конце. типа для картинок, ссылок етк.)
И вот сами элементы таблицы, означающие ее начало и конец. Все что между ними уже и будет таблица, но тупо туда ничего пока не впишешь, ибо этого не будет в таблице.
Если можно я дальше буду писать в круглых скобках, но они все будут <> на самом деле D:
Затем в таблицу прописываются строки - (tr) и ячейки (лололол, не столбцы да~) - (td) Тоже парные, имейте ввиду.
Т.е. примерно так
(table)(tr)(td)(td)(/td)(/td)(/tr)(/table) - таблица с 1 строкой и двумя ячейками.
(table)(tr)(td)(/td)(/tr)
(tr)(td)(/td)(/tr)(/table) - 2 строки по 1 ячейке. переносить не обязательно, но мне так удобнее.
Впринципе все, таблица у нас уже есть.) Можете херрачить в нее контент.
Забыл сказать, что кол-во ячеек в каждой строке должно быть одинаковое. Чтобы делать разное надо децл заморочиться и углубиться, но думаю вам это не понадобится, а мне влом. Погуглите про colspan и rowspan.
Я как правило делаю 1 строку и 1 ячейку, и мне этого хватает за глаза.
Потом, полюбому кому нить захочется воткнуть фон в таблицу. А это уже считается атрибутом тега. Т.е. вписывается непосредственно в тег между <>
Атрибут для заднего фона bgcolor="" Пишем цвет, либо код цвета (который можно в ФШ посмотреть или другом редакторе каком) между ковычками и ля вуаля.
Пример
(table bgcolor="red") здесь строки и ячейки пишем (/table)
| типа так |
И еще один атрибут, чтобы отодвинуть края от текста.
cellpadding="10px" ясный красный можно циферку менять. px само собой пикселы. можно поставить в %, но там ипаться больше по подгонке.
п.с. я честно не помню какая из cellpadding или cellspacing от края борта, а какая пространства между увеличивают xDD
Примееер
| типа так |
Всем спасибо, все свободны. Дальше вам поможет гугл ну или я в комментах.
п.с. теги для вставки картинки я тоже выписываю вручную - типа выебнулся. чаще всего из-за style="text-decoration:none;" чтобы ипаную ссылку не подчеркивало.
-
-
29.01.2012 в 23:17Внезапно полезная информация в избранном? Давышто? Спасибо~
-
-
29.01.2012 в 23:24а кто-то не умеет делать таблицы? странно ХД"а "text-decoration:none;" убирает подчеркивание и у обычных ссылок? ОАО
-
-
29.01.2012 в 23:26у любых. у всех. даже в цсс. только тут не забываем писать style="
оно, как и написано, убирает любые выделения/"декорации" ссылок.) подчеркнута она там или пунктиром
-
-
29.01.2012 в 23:31ачача, я подозревал, что такой волшебный набор буковок есть в природе, я подозревал
спасибо, запомню :3
-
-
29.01.2012 в 23:57-
-
30.01.2012 в 00:04