09:37 

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

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


Пример с rowspan

12
3
4


Код:


Пример с colspan:

1
234


Код:


Помимо очевидного применения для оформления записи, это так же можно использовать для оформления эпиграфа в бесплатных дневниках (тем, у кого есть CSS, это вряд ли будет интересно).



Код:


На примере живого дизайна: картинка

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

Комментарии
2011-09-18 в 09:52 

nuez
~Verba volant, scripta manent~
спасибо

2011-09-18 в 10:06 

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

2011-09-18 в 10:07 

VelgaW
Всё, что является человеческим, мы должны позволить себе высказать (с)
Полезная информация! Спасибо!

2011-09-18 в 10:40 

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

2011-09-18 в 12:10 

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


2011-09-18 в 12:31 

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

r0di0n, Shendary, :white:

2011-09-18 в 13:05 

sonic-slonic
Когда у тебя пистолет во рту, то разговаривать можно только гласными. (с)
надо же, какая полезная вещица...) попробую)

2011-09-18 в 13:52 

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

2011-09-18 в 15:29 

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

ZloYxp, мы не ищем легких путей :cool: Как вы, кстати, это сделали?
Evetta, ))) мне велосипед понадобился только вчера))

2011-09-18 в 15:52 

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


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

2011-09-18 в 15:58 

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

2011-09-18 в 16:11 

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

2011-09-18 в 16:25 

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

2011-09-18 в 16:34 

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

213
33
43





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

2011-09-18 в 16:35 

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


результат:




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

2011-09-18 в 16:42 

Shendary
- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.
ZloYxp, понятно)) в таблице они тоже не должны совпадать в принципе, только если не делать как в варианте с двумя столбцами по краям и картинкой посередине. Ну тут да - кому как удобнее =)

2011-09-18 в 16:45 

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

2011-09-18 в 16:54 

Шерон
Спокойствие, только спокойствие
Спасибо огромное. Очень вовремя :white:

2011-09-18 в 17:04 

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

2011-09-18 в 22:54 

лисо-Жаба
...omnia fert aetas...
классно! спасибо)

2011-09-19 в 01:03 

Таши
Всему своё тайми-вайми (с)
:ura: спасибо за объяснения!

2011-09-20 в 18:49 

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

2011-11-20 в 02:42 

beni.
ходячий учебник по анатомии
А в таких таблицах можно использовать текст + картинку?

2011-11-20 в 09:10 

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

2011-11-20 в 15:20 

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

2011-11-20 в 19:55 

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

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



2012-02-17 в 18:27 

Nebbo
"Неважно, как это сработает, потому что это хоть как-то сработает". Нил Теннант
а можно рамочку цветной сделать?
и кнопки внизу.

2012-02-17 в 20:39 

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

213
33
43




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

1
33
43



2012-02-17 в 20:48 

Nebbo
"Неважно, как это сработает, потому что это хоть как-то сработает". Нил Теннант
Shendary, :kiss: спасибо!

2012-04-23 в 01:13 

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

2013-12-13 в 11:39 

Волчий_ветер
неопознанный гном
А как сделать границы прозрачными ? у меня цвет не прописан, но границы все равно серые.

upd: ну в принципе со своим случаем я ужо разобралась ))

2013-12-13 в 13:22 

Shendary
- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.
Волчий_ветер, параметр border на 0 выставить, под последней картинкой именно такой пример :)

2013-12-13 в 13:22 

Shendary
- За мной пришел чертов жнец! - Чертовы жнецы приходят за всеми, Бобби.
Волчий_ветер, параметр border на 0 выставить, под последней картинкой именно такой пример :)

2013-12-13 в 13:59 

Волчий_ветер
неопознанный гном
Shendary, мм, вот оно как, спасибо)). ну а я просто сделала в цвет фона записи))

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная