Меня постоянно спрашивают, как сделать таблицу в объявлении, я решила посвятить этому отдельную тему. Есть идея сделать что-то типа on-line уроков по html, если это кому-то интересно, отпишитесь в этой темке, плизз.
Как создать таблицу в объявлении?
Страница: 1
Сообщений 1 страница 28 из 28
Поделиться12006-06-16 21:01:37
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
Поделиться22006-06-16 21:04:30
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
Итак...
Таблица формируется следующим образом:
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
В данном коде:
<table></table> - сама таблица
<tr></tr> - строка в таблице
<td></td> - ячейка в строке
Таким образом, приведенный выше код формирует таблицу из одной строки и трех ячеек (столбцов) в ней.
Поделиться32006-06-16 21:25:19
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
Заполняем таблицу содержимым.
Так как содержимое таблицы фактически вставляется в ее ячейки, то вся эта информация должна быть размещена ВНУТРИ тега <td>, например:
1) Вставляем ТЕКСТ - самый простой вариант.
...
<td>сам текст</td>
...
Текст может быть жирным, подчеркнутым и т.п., разного цвета и размера, но об этом - в другой теме...
2) Вставляем РИСУНОК:
...
<td><img src="адрес рисунка в Интернете"></td>
...
3) Вставляем СКРИПТ, например. календарик или часики и т.п.
...
<td><script>содержание скрипта</script></td>
...
Поделиться42006-06-16 21:46:54
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
Форматирование таблицы.
Иногда нужно, чтобы таблица была меньше ширины странички или столбцы имели разную ширину. За это отвечает свойство width (ширина). Удобно задавать ее значение в процентах, тогда ваша таблица будет смотреться гармонично при любом разрешении монитора.
Возможны следующие варианты открывающих тегов (обязательно должны быть и закрывающие!):
<table width=75%> - ваша табличка будет занимать 3/4 от ширины всей странички
<td width=20%> - ширина столбца занимает 20% от всей ширины таблицы
Поделиться52006-06-19 16:34:00
- Откуда: Хорватия
- Зарегистрирован: 2006-06-12
- Приглашений: 0
- Сообщений: 9
- Провел на форуме:
Не определено - Последний визит:
2006-10-02 02:42:27
Снежка огромное спасибо. Я знаю, что есть много учебников html, но куда , мне забегавшейся мамашке их читать, а так иногда НАДО!!!!!!!
если будет время, можешь ещё подсказать как какие цвета пишуться, и ещё, как гиперссылку сделать:) Заранее спасибо!!!!! Не торопись с ответом, просто если будет время:)
Поделиться62006-06-23 07:04:53
- Зарегистрирован: 2006-06-23
- Приглашений: 0
- Сообщений: 3
- Провел на форуме:
Не определено - Последний визит:
2006-06-23 07:18:51
Давно искал как её делать,спсасибо!
Поделиться72006-09-17 19:56:20
- Зарегистрирован: 2006-07-14
- Приглашений: 0
- Сообщений: 34
- Провел на форуме:
Не определено - Последний визит:
2006-12-18 22:35:44
Ой спасибо огромное! Я тоже искала 
Поделиться82006-09-17 20:10:19
- Зарегистрирован: 2006-07-14
- Приглашений: 0
- Сообщений: 34
- Провел на форуме:
Не определено - Последний визит:
2006-12-18 22:35:44
Снежка*, а Вы не могли бы помочь сделать не просто табличку (т.е. не просто разделение текста по столбцам), а именно табличку с линиями и т.д. Буду очень Вам благодарна.
Поделиться92006-09-17 21:30:23
- Откуда: Одесса, Украина
- Зарегистрирован: 2006-06-22
- Приглашений: 0
- Сообщений: 421
- Пол: Женский
- Возраст: 49 [1975-07-30]
- Провел на форуме:
23 часа 52 минуты - Последний визит:
2016-02-23 11:48:03
Светская Львица
с табличкой я могу помочь! до этого я еще успела выучиться 
чтобы табличка была с линиями, надо выставить толщину ее края, например: <table border=2> или другое число
а под "и т.д." ты что подразумевала? : lol :
что это за зверь "и др." ? (с)
Поделиться102006-09-17 22:01:46
- Зарегистрирован: 2006-07-14
- Приглашений: 0
- Сообщений: 34
- Провел на форуме:
Не определено - Последний визит:
2006-12-18 22:35:44
РыжаЯ чет задумалась))) сама не знаю что имела ввиду под т.д. :d
Спасибо большое за помощь!!!
Поделиться112006-11-16 00:05:05
Вопрос - вот как выглядит ячейка таблицы :
<td><img src="адрес рисунка"></td><td width=25%>
но рисунок прилепился к левому краю ячейки, а можно его пеместить по центру ячейки, если да, то как?
<td><div align="center"><img src="адрес рисунка"></div></td><td width=25%> так пробовал, не выходит...
Поделиться122006-11-16 03:30:57
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
ну, вот это (красным) вообще к делу не относится, это уже от следующей ячейки...
<td><div align="center"><img src="адрес рисунка"></div></td><td width=25%>
а насчет центровки, попробуй так:
<td align="center"><img src="адрес рисунка"></td>
Поделиться132006-11-16 06:07:03
Не вышло...
Поделиться142006-11-16 07:13:40
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
Давай код полностью всей таблицы. Если там что секретное - можно в личку, или адреса картинок постирай.
Поделиться152006-11-16 07:17:10
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
Я обычно ставлю:
<table align=center width=100%>
<tr align=middle>
тогда идет центровка и по ширине, и по высоте...
но и <td align=left> вон сейчас работает, видимо, у тебя что-то на что-то накладывается...
Поделиться162006-11-16 17:15:29
Вот - таблица, 3 ячейки, одна строка. В первой ячейке 1 рисунок во второй 3, в третьей тоже один.
<table><table border=0>
<tr>
<td align="center"><img src="рисунок "></td><td width=25%>
<td align="center"><img src="рисунок"><img src="рисунок"><img src="рисунок"></td><td width=50%>
<td align="center"><img src="рисунок "></td><td width=25%>
</tr>
</table>
Поделиться172006-11-16 17:27:35
Сделал!!!отцентровал пустыми ячейками, получилось ячеек не 3 а 5, из них 2 пустые. Всё равно спасибо за советы и подсказки, с помощью наводок нашел своё решение.
Поделиться182006-11-16 17:32:16
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
удивительно, что у тебя этот код вообще таблицу нормальную рисует: на 6 открывающих td только 3 закрывающих, а должно быть поровну
да и самого тейбла два отрывающих и только один закрывающий
попробуй так:
<table border=0 align="center">
<tr>
<td width=25%><img src="рисунок "></td>
<td width=50%><img src="рисунок"><img src="рисунок"><img src="рисунок"></td>
<td width=25%><img src="рисунок "></td>
</tr>
</table>
Поделиться192006-11-16 17:43:15
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
ну как хочешь..
я люблю, когда правильно
а правильно теги закрывать
Поделиться202006-11-16 18:07:26
Снежка*
Ваш вариант тоже работает, но рисунки получаются все собраны к центру, тоже неплохо. Спасибо. Я тож не против чтоб было правильно, но главное - чтоб работало.
Поделиться212006-11-18 22:38:55
- Друг форума
- Откуда: Юг
- Зарегистрирован: 2006-07-06
- Приглашений: 0
- Сообщений: 284
- Провел на форуме:
19 минут - Последний визит:
2008-01-21 14:23:54
А можно ли сделать так, чтобы в Объявлении поместить горизонтальный продолговатый рисунок исходной длиной 450 пикселей, и чтобы он подходил под любое разрешение монитора одновременно, доставая своими краями от левого к правому краю Объявления?
Поделиться222006-11-18 23:04:49
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
так, наверное:
Код:
<img src="..." width=100%>
Поделиться232006-11-19 23:13:22
- Друг форума
- Откуда: Юг
- Зарегистрирован: 2006-07-06
- Приглашений: 0
- Сообщений: 284
- Провел на форуме:
19 минут - Последний визит:
2008-01-21 14:23:54
Снежка*
Получилось. Благодарю.
Поделиться242008-03-02 15:33:18
- Зарегистрирован: 2008-03-01
- Приглашений: 0
- Сообщений: 2
- Провел на форуме:
1 час 21 минуту - Последний визит:
2008-03-02 18:46:10
У меня не получается ровная таблица!Хочу три столбца по горизонтали,а получается таблица по вертикали!
Отредактировано Temili (2008-03-02 15:51:38)
Поделиться252008-03-04 02:34:00
- Откуда: Одесса
- Зарегистрирован: 2006-01-21
- Приглашений: 0
- Сообщений: 7747
- Пол: Женский
- Провел на форуме:
8 дней 1 час - Последний визит:
2024-03-11 11:11:55
Temili написал(а):
У меня не получается ровная таблица!Хочу три столбца по горизонтали,а получается таблица по вертикали!
<table border=0 align="center">
<tr>
<td>1 столбец</td><td>2 столбец</td><td>3 столбец</td>
</tr>
</table>
Поделиться262013-01-21 17:42:18
- Зарегистрирован: 2013-01-21
- Приглашений: 0
- Сообщений: 5
- Провел на форуме:
50 минут - Последний визит:
2013-02-03 18:54:38
Код:
<script type="text/javascript">
var arr=document.getElementsByTagName("ul")
onlineImg ="http://i.imm.io/TB2i.png"
offlineImg ="http://i.imm.io/TB1z.png"
while(arr[i]){
var tar=arr[i-1].getElementsByTagName("li")
j=3
while(tar[j+1]) j++
if(tar[j].className=="pa-online"){
tar[j].className="pa-ip"
tar[j].innerHTML="<img src="+onlineImg+">"
}else arr[i-1].innerHTML += "<li class=\"pa-ip\"><img src="+offlineImg+"></li>"
i+=2
}
</script>В ролевую пытаюсь вставить так, чтобы было в поле онлайн-оффлайн картинки. Не получается. Вернее, не знаю, куда ставить эту ересь из букв оо
Поделиться272017-03-30 22:02:58
- Зарегистрирован: 2017-03-24
- Приглашений: 0
- Сообщений: 27
- Провел на форуме:
1 час 33 минуты - Последний визит:
2023-03-17 00:13:46
Спасибо вам )
Поделиться282017-03-30 22:05:02
- Зарегистрирован: 2017-03-24
- Приглашений: 0
- Сообщений: 27
- Провел на форуме:
1 час 33 минуты - Последний визит:
2023-03-17 00:13:46
спасибо вам )
Страница: 1
Похожие темы
| Таблицы/рамки | Архив вопросов по BB-форумам | 2006-09-09 |
| Нужны ли вам мои консультации по html? | Web-дизайн. Основы html. Скрипты. | 2011-06-13 |
| HTML и BB-code | BB-code. О форумах MyBB. | 2011-02-16 |
| Вопрос | Архив вопросов по BB-форумам | 2006-11-02 |
| Новая техподдержка (Коды ПОКА без ограничений!) | BB-code. О форумах MyBB. | 2006-09-27 |
