Объединенные ячейки в таблицах

Воскресенье, 18 сентября 2011

09:37

все записи пользователя в сообществеShendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

Задаются с помощью двух параметров:
COLSPAN - определяет число столбцов, объединяемых одной ячейкой,
ROWSPAN - определяет число строк, объединяемых одной ячейкой.

читать дальше

@темы: Эпиграф, Теги оформления записи, Оформление дневника

URL

Комментарии

2011-09-18 в 09:52

nuez

~Verba volant, scripta manent~

спасибо

URL

2011-09-18 в 10:06

ZloYxp

человек-без-аватарки

спасибо, но я лично всё то же самое легко делал с помощью одного только энтера, хотя это и требовало порой хитрую нарезку картинок.

URL

2011-09-18 в 10:07

VelgaW

Если ты чувствуешь, что сдаешься, вспомни, ради чего ты держался до этого.

Полезная информация! Спасибо!

URL

2011-09-18 в 10:40

*funny*

Как весело в Содоме у Гомера!(c)

а чтоб в первом варианте, столбцы были слева, что надо поменять?

URL

2011-09-18 в 12:10

r0di0n

Слово — серебро, молчание — золото.

а чтоб в первом варианте, столбцы были слева, что надо поменять?
funny-bone, для первой строчки поменяйте ячейки местами:

2	1
3
4

<table width="10%;" border="1" cellspacing="1" cellpadding="1">
<tr><td align="center">2</td><td rowspan="3" align="center">1</td></tr>
<tr><td align="center">3</td></tr>
<tr><td align="center">4</td></tr>
</table>

URL

2011-09-18 в 12:31

*funny*

Как весело в Содоме у Гомера!(c)

а, понятно, спасибо, немного не так делала..

r0di0n, Shendary, :white:

URL

2011-09-18 в 13:05

sonic-slonic

Сонит в клон...

надо же, какая полезная вещица...) попробую)

URL

2011-09-18 в 13:52

Ив Веллер

|ПВМ-dan| Don't you say I'm cute!

Где ж вы были неделю назад, когда я в своем эпиграфе велосипед изобретала?))

URL

2011-09-18 в 15:29

Shendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

Рада, что пригодилось)

ZloYxp, мы не ищем легких путей :cool:

Как вы, кстати, это сделали?
Evetta, ))) мне велосипед понадобился только вчера))

URL

2011-09-18 в 15:52

ZloYxp

человек-без-аватарки

Shendary, да запросто, хоть чсейчас зайдите - посмотрите код эпиграфа. результат такой же как если бы я пользовался этим

1	2
	3
	4

сделан элементарным подбором размеров картинок:

[center][img]http://s008.radikal.ru/i306/1108/85/c0e3d489bb75.jpg[/img]
[img]http://s43.radikal.ru/i102/1108/de/31802c3f85ac.jpg[/img][img]http://s004.radikal.ru/i208/1108/88/81f496f1c64b.jpg[/img][img]http://i077.radikal.ru/1108/b5/5cdcc5bbcffc.jpg[/img][img]http://s42.radikal.ru/i098/1108/d6/10b6b1246bf1.jpg[/img][img]http://s46.radikal.ru/i113/1108/4c/db74e6a19245.jpg[/img][img]http://s46.radikal.ru/i113/1108/4c/db74e6a19245.jpg[/img] ну и так далее [/center]

URL

2011-09-18 в 15:58

Shendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

ZloYxp, у вас там немного по-другому) У вас кнопки находятся под большим куском картинки, а не справа от него. Попробуйте выстроить те прямоугольники, что в примере без таблицы)

URL

2011-09-18 в 16:11

-Sofi-

Единственный способ избавиться от искушения — уступить ему ©О.Уайльд

Shendary, спасибо!

URL

2011-09-18 в 16:25

Шерон

"God grant me the serenity to accept the things I cannot change; courage to change the things I can; and wisdom to know the difference.(с)

А как картинку разместить по середине , а столбцы по обе стороны от нее ? Возможно ли это в бесплатных дневниках?

URL

2011-09-18 в 16:34

Shendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

Шерон, да, это будет выглядеть вот так

2	1	3
3		3
4		3

<table width="10%;" border="1" cellspacing="1" cellpadding="1">
<tr><td align="center">2</td><td rowspan="3" align="center">1</td><td align="center">3</td></tr>
<tr><td align="center">3</td><td align="center">3</td></tr>
<tr><td align="center">4</td><td align="center">3</td></tr>
</table>

при вставке картинок для эпиграфа нужно в первой строчке параметры border, cellspacing, cellpadding поставить на 0, а table width на 100

URL

2011-09-18 в 16:35

ZloYxp

человек-без-аватарки

Shendary, перепутал, как у меня в дневе - это пример второго,
а пример первого вот:

[img]http://s56.radikal.ru/i151/1109/32/744d612c6b7a.jpg[/img][img]http://i062.radikal.ru/1109/d5/e4e73fe22aa9.jpg[/img]
[img]http://i031.radikal.ru/1109/db/2b286b761c60.jpg[/img][img]http://s46.radikal.ru/i114/1109/bf/dcd5e36609b7.jpg[/img]
[img]http://s006.radikal.ru/i213/1109/09/64e933ea3ab3.jpg[/img][img]http://s014.radikal.ru/i327/1109/16/ad06bfad7e94.jpg[/img]

результат:

тут правда делать заколебёшься, но есть хитрый плюс: размеры кнопок не обязаны совпадать

URL

2011-09-18 в 16:42

Shendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

ZloYxp, понятно)) в таблице они тоже не должны совпадать в принципе, только если не делать как в варианте с двумя столбцами по краям и картинкой посередине. Ну тут да - кому как удобнее =)

URL

2011-09-18 в 16:45

ZloYxp

человек-без-аватарки

Shendary, именно. ком-то проще в фотошопе картинку нарезать и немного поковыряться в коде, а кому-то просто освоить хитрую новую штуку)
хотел бы ещё кой-чего спросить, пока кодер рядом, но эт вроде не совсем в правилах и совсем не по сабжу

URL

2011-09-18 в 16:54

Шерон

"God grant me the serenity to accept the things I cannot change; courage to change the things I can; and wisdom to know the difference.(с)

Спасибо огромное. Очень вовремя :white:

URL

2011-09-18 в 17:04

ZloYxp

человек-без-аватарки

Шерон, "Нееет! Не убтивайте!!! я скажу, как сделать длинный столбе в центре!! скажуу!"

URL

2011-09-18 в 22:54

лисо-Жаба

...omnia fert aetas...

классно! спасибо)

URL

2011-09-19 в 01:03

Таши

Whoniverse!

спасибо за объяснения!

URL

2011-09-20 в 18:49

Roberta Hendry

Ко всем нормальным людям Смерть приходит с косой. Ко мне она придёт с граблями.

Спасибо от любителя таблиц.

URL

2011-11-20 в 02:42

diesora

ходячий учебник по анатомии

А в таких таблицах можно использовать текст + картинку?

URL

2011-11-20 в 09:10

Shendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

diesora, Если текст под картинкой или сбоку, то да. Если на картинке, то уже надо разбираться)

URL

2011-11-20 в 15:20

diesora

ходячий учебник по анатомии

Shendary, верно, под картинкой. К примеру как делали раньше на форумных ролевых. ~~До того как нагрянула эра прямых ссылок и облачка тэгов.~~
просто вопрос, в табличке вместо цифр можно вставлять как и текст так и картинку?

URL

2011-11-20 в 19:55

Shendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

diesora, да, конечно.

текст
текст
ссылка

<table width="10%;" border="1" cellspacing="1" cellpadding="1">
<tr><td align="center">текст</td><td rowspan="3" align="center"><img src="http://s40.radikal.ru/i089/1109/b3/7c536e0fc9f8.jpg"></td></tr>
<tr><td align="center">текст</td></tr>
<tr><td align="center"><a href="http://www.diary.ru" target=_blank>ссылка</a></td></tr>
</table>

URL

2012-02-17 в 18:27

~numb~

авантюрист в заморозке )

а можно рамочку цветной сделать?
и кнопки внизу.

URL

2012-02-17 в 20:39

Shendary

- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.

~numb~, чтобы изменить цвет границы, в первую строчку добавляете bordercolor="#548DD4" (код цвета можно посмотреть в инете или в фотошопе).

2	1	3
3		3
4		3

<table width="10%;" border="1" cellspacing="1" cellpadding="1" bordercolor="#548DD4">
<tr><td align="center">2</td><td rowspan="3" align="center">1</td><td align="center">3</td></tr>
<tr><td align="center">3</td><td align="center">3</td></tr>
<tr><td align="center">4</td><td align="center">3</td></tr>
</table>

Цвет заливки отдельных ячеек - bgcolor="#FFC000" в параметры ячейки

1
	3	3
	4	3

<table width="10%;" border="1" cellspacing="1" cellpadding="1">
<td rowspan="3" align="center">1</td></tr>
<tr><td align="center" bgcolor="#FFC000">3</td><td align="center">3</td></tr>
<tr><td align="center">4</td><td align="center">3</td></tr>
</table>

URL

2012-02-17 в 20:48

~numb~

авантюрист в заморозке )

Shendary,

спасибо!

URL

2012-04-23 в 01:13

wazzubnet

Спасибо и автору, и комментаторам за ценную информацию и тонкие настройки для начинающего в diary.ru

)

URL