Это цитата сообщения Великовозрастное_дитя Оригинальное сообщение

В прошлый раз для определения вида одной или нескольких строк таблицы использовался тег .
Действие тегов и аналогичны .
Тег определяет вид первой строки таблицы, а - последней.
Тег определяет вид последних строк, но в исходном коде он должен быть до тега

Создадим таблицу 4 строки 2 колонки

<table border="1" width="100%"> <thead align="left"> <tr> <td>Первая строка. Текст1</td> <td>Первая строка. Текст2</td> </tr> </thead> <tfoot align="right"> <tr> <td>Последняя строка. Текст1</td> <td>Последняя строка. Текст2</td> </tr> </tfoot> <tbody align="center"> <tr> <td>Текст1</td> <td>Текст2</td> </tr> </tbody> </table>

В первой строке текст размещен слева, в последней строке - справа, а в централной строке - посредине

Первая строка. Текст1	Первая строка. Текст2
Последняя строка. Текст1	Последняя строка. Текст2
Текст1	Текст2

Добавим заголовок к нашей таблице. Для этого используем тег . Для этого тега есть два параметра align - задает выравнивание заголовка и valign - определяет вверху таблицы или внизу будет выводится заголовок.

допустим только внутри тега сразу после открывающего тега.

Вид заголовка в зависимости от align будет отличаться в разных браузерах.

• left - В браузере Internet Explorer и Opera располагает заголовок сверху и выравнивает его по левому краю таблицы. В Firefox заголовок располагается слева от таблицы.
• right -В браузере Internet Explorer и Opera располагает заголовок сверху таблицы и выравнивает его по правому краю таблицы. В браузере Netscape параметр игнорируется, а в Firefox заголовок располагается от таблицы справа.
• center - Заголовок располагается сверху таблицы по ее центру.
• top - Результат аналогичен действию параметра center, но в отличие от него входит в спецификацию HTML 4 и понимается всеми браузерами.
• bottom - Заголовок размещается внизу таблицы по ее центру.

<table border="1" width="70%"> <caption valign="top">Заголовок таблицы</caption> <thead align="left"> <tr> <td>Первая строка. Текст1</td> <td>Первая строка. Текст2</td> </tr> </thead> <tfoot align="right"> <tr> <td>Последняя строка. Текст1</td> <td>Последняя строка. Текст2</td> </tr> </tfoot> <tbody align="center"> <tr> <td>Текст1</td> <td>Текст2</td> </tr> </tbody> </table>

Заголовок таблицы

Первая строка.

Читать далее...

Это цитата сообщения Великовозрастное_дитя Оригинальное сообщение

Сделаем открытку со стихами. Ввиду того что я ленивый и мне лень искать для примера фоны и текст стихов, я позаимствовал все это у inmira с её поста http://www.liveinternet.ru/users/inmira/post99542587/.

[показать] - Фон для рамки

[показать] - Фон для текста и картинки

[показать] - Картинка.

Коды картинок ( видны при редактировании черновика или поста )

<img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" target=_blank border="0">[показать]</a> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://i029.radikal.ru/0904/25/910ce6bcf443.jpg" target=_blank border="0">[показать]</a> <img src="http://www.liveinternet.ru/images/nopreview.gif"/> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://s46.radikal.ru/i113/0904/b4/17ffaba36df4.jpg" target=_blank border="0">[показать]</a>

Размеры картинок уменьшены что бы они не занимали много места в посте

Сделаем рамку для открытки. Для этого построим таблицу 1х1 - одна строка, один столбец. Для таблицы пропишем background.
В background укажем ссылку на фоновую картинку для рамки

<table width="800" height="100" background="http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif"> <tbody> <tr> <td> </td> </tr> </tbody> </table>

Что бы получилась рамка нужно "лишнее" пространство залить фоном для текста и рисунка.
Что бы это сделать нужно указать background для ячейки тяблицы

<table width="800" height="100" background="http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif"> <tbody> <tr> <td background="http://i029.radikal.ru/0904/25/910ce6bcf443.jpg"> </td> </tr> </tbody> </table>

Получилось не совсем то что мы хотели. Это потому что мы "забыли" указать отступ от границы таблицы до ячейки таблицы.
Исправим это дописав в тег <table> параметр cellspacing

<table width="800" height="100" background="http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" cellspacing="8"> <tbody> <tr> <td background="http://i029.radikal.ru/0904/25/910ce6bcf443.jpg"> </td> </tr> </tbody> </table>

И все равно ничего не получилось. Все это потому что в дневнике, для таблицы в глобальных стилях указано border-collapse: collape и из-за этого cellspacing игнорируется
Что бы это исправить нужно к <table> добавить стиль style="border-collapse: separate;"

<table width="800" height="100" background="http://s39.radikal.ru/i084/0904/81/c5fa856cfa98.gif" cellspacing="8" style="border-collapse: separate;"> <tbody> <tr> <td background="http://i029.radikal.ru/0904/25/910ce6bcf443.jpg"> </td> </tr> </tbody> </table>

Ура! У нас есть рамка :). Все что нам осталось это вставить в ячейку таблицы рисунок и текст

Читать далее...

Это цитата сообщения Великовозрастное_дитя Оригинальное сообщение

Разместим в дневнике большое количество небольших по размеру рисунков. Для примера я взял 6 анимированных смыйликов

Для того что бы рисунки располагались горизонтально необходимо убрать галочку с "Сохранять переводы строк в тексте.".

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

Для этого построим таблицу из двух колонок и трех строк ( по количеству смайлов одного размера )

<table border="1"> <tbody> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </tbody> </table>

Коды рисунков смайлов ( видны при редактировании черновика или поста )

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

<img src="http://img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" /> <img src="http://img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" /> <img src="http://img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" /> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" />

Все что теперь осталось это разместить рисунки каждый в своей ячейке таблицы

<table border="1"> <tbody> <tr> <td> <img src="http://img0.liveinternet.ru/images/attach/c/0//46/197/46197900_s1.gif" width="110" height="110" alt="большой1" /> </td> <td> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/198/46198162_big01.gif" width="53" height="32" alt="Маленький1" /> </td> </tr> <tr> <td> <img src="http://img0.liveinternet.ru/images/attach/c/0//46/197/46197908_s2.gif" width="85" height="77" alt="большой2" /> </td> <td> <img src="http://img0.liveinternet.ru/images/attach/c/0//46/198/46198168_big02.gif" width="32" height="32" alt="Маленький2" /> </td> </tr> <tr> <td> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/197/46197914_s3.gif" width="100" height="81" alt="Большой3" /> </td> <td> <img src="http://img1.liveinternet.ru/images/attach/c/0//46/198/46198178_big03.gif" width="32" height="32" alt="Маленький3" /> </td> </tr> </tbody> </table>

Читать далее...

[показать] [показать] Свет дня вдруг погас: незаметно простился, Чуть слышно воркует прибой. Подсолнух оранжевый в море спустился, Бриз шелковый дарит покой. Всего лишь мгновенье - объятия ночи Ласкают, тревожат, зовут, Как бархатом, нежно укроют. Все громче Стук сердца в истоме минут. А волны нашепчут красивую сказку: Хранят паруса корабли. Ты хочешь остаться, принять эту ласку. Пусть пеплом подернулись дни. Сияешь ты радугой трепетно-нежно. Надежда - подруга твоя. Ты к счастью стремишься. И чувства безбрежность Как волны у ног бытия. (Танцующая в Волнах) http://stihi.ru/2007/12/06/2849 [показать] ничего_кроме_правды

[показать] Изменить бы! Кому? Ах, не все ли равно! Предыдущему. Каждому. Ясно. С кем? И это не важно. На свете одно Изменяющееся прекрасно. Одному отдаваясь, мечтать о другом – Неиспробованном, невкушенном, Незнакомом вчера, кто сегодня знаком И прикинется завтра влюбленным… Изменить – и во что бы то ни стало, да так, Чтоб почувствовать эту измену! В этом скверного нет. Это просто пустяк. Точно новое платье надену. И при этом возлюбленных так обмануть, Ревность так усыпить в них умело, Чтобы косо они не посмели взглянуть, - Я же прямо в глаза бы посмела! Наглость, холод и ложь – в этом сущность моя. На страданья ответом мой хохот. Я красива, скользка и подла, как змея, И бездушно – суха, как эпоха. (Игорь Северянин)

[показать]

Читать далее...

Это цитата сообщения ЯблочкоНаливное Оригинальное сообщение

Нужны фоны? Берите!

Океан фонов http://styleindisign.narod.ru/main.html http://haksnotdead.narod.ru/fon.htm http://gotomy.com/back.html http://vasilechki.ru/modules.php?name=Content&pa=showpage&pid=20 http://svweb.narod.ru/SKRIPT/skript.htm http://fatiniyacollection.by.ru/fon.htm http://artmo2005.narod.ru/foni.htm http://fone-gallery.sitecity.ru/ http://for-you-sites.narod.ru/fon2.html http://dolls-pix.narod.ru/ http://vsefoni.by.ru/ http://fca.narod.ru/fon.html http://x-yulia2007.narod.ru/oboi.html http://vsefoni.by.ru/ http://fca.narod.ru/fon.html http://x-yulia2007.narod.ru/oboi.html http://liza12543.narod.ru/photoalbu.html http://www.graffixofeden.net/goebg.html http://www.moobackgrounds.com/ http://www.freemyspacebackgrounds.net/ http://www.ollenkka.com/backgrounds/ http://www.purpleglitter.com/backgrounds/ http://www.healthmantra.com/anisha/freebgs.htm http://www.design.protoplex.ru/photos_group/15.html http://www.freestuff.centralvirginia.net/backgrounds/ http://www.webniche.com/my_backgrounds/backgrounds.html http://www.lenagold.ru/fon/main.html http://www.wingsdove.com/backgrounds-2.htm http://www.steamboats.com/hobbies/clipart40.html http://www.turtlepuddle.org/bio/freebackgrounds.html http://www.cybergifs.com/bkgs/other.html http://www.shoporium.com/sellers/background.htm http://www.designedtoat.com/backgroundsmain.htm http://www.runic.com/fire1.html http://www.angelfire.com/wv2/webbuild7/backgrounds/red/ http://www.dolliecrave.com/backgroundcodes.shtml http://www.grsites.com/textures/ http://www.backgroundcity.com/ http://www.freemyspacebackgrounds.net/ http://www.fg-a.com/backgrounds.htm http://www.wonderbackgrounds.com/ http://www.bigoo.ws/backgrounds http://www.geocities.com/SoHo/Village/2082/stripebackgrounds.html http://www.neopets.com/backgrounds.phtml http://www.backgrounds.free-animations.co.uk/red/red_1.html http://www.webpagebackground.com/fun.htm http://veselble-kartinki.narod.ru/Fonbl_animirovannble.html http://www.woweb.ru http://www.glitter-graphics.com/gallery.php?categoryID=42 взято из сообщества"Мир иллюзий"

Это цитата сообщения Валентина1 Оригинальное сообщение



<div align="center"><table align="center" background="http://i080.radikal.ru/0902/57/267737dd9cdd.jpg" border="2" cellpadding="5" cellspacing="0"><tbody><tr><td style="padding: 5px;"><table align="center" background="http://s42.radikal.ru/i098/0902/60/8f0a63c9dad4.gif" border="0" cellpadding="43" cellspacing="0"><tbody><tr><td style="padding: 43px;"><table align="center" background="" border="0" cellpadding="5" cellspacing="0"><tbody><tr><td style="padding: 5px;"><table align="center" background="" border="0" cellpadding="10" cellspacing="0"><tbody><tr><td style="padding: 10px;" align="center" valign="middle"><table align="center" background="" border="0" cellpadding="5" cellspacing="0"><tbody><tr><td style="padding: 5px;"><table align="center" background="" border="0" cellpadding="7" cellspacing="0"><tbody><tr><td style="padding: 7px;"><table align="center" background="" border="0" cellpadding="3" cellspacing="0"><tbody><tr><td style="padding: 3px;"><table background="http://i007.radikal.ru/0907/d3/803d32c2cfaf.gif" border="0"><tbody><tr><td width="460" height="340"><em><center><font size="5"><font color="#"></font></font></center></em></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td style="padding: 10px;"><table align="center" background="" border="0" cellpadding="5" cellspacing="0"><tbody><tr><td style="padding: 5px;"><table align="center" background="" border="0" cellpadding="4" cellspacing="0"><tbody><tr><td style="padding: 4px;"> <table align="center" background="" border="0" cellpadding="10" cellspacing="0"><tbody><tr><td style="padding: 10px;" align="center" valign="middle"><tbody><tr valign="top"> <td style="padding: 5px;" width="100%"><div align="center"><br /></div></td></tr></tbody></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table></div>Читать далее...

Читать далее...

Это цитата сообщения kotenok_80 Оригинальное сообщение

[335x484]
Я сердце свое никогда не щадила:
ни в песне, ни в дружбе, ни в горе,
ни в страсти...
Прости меня, милый. Что было, то было
Мне горько.
И все-таки всё это - счастье.

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

Пускай эти слезы и это удушье,
пусть хлещут упреки, как ветки в ненастье.
Страшней - всепрощенье. Страшней - равнодушье.
Любовь не прощает. И всё это - счастье.

Я знаю теперь, что она убивает,
не ждет состраданья, не делится властью.
Покуда прекрасна, покуда живая,
покуда она не утеха, а - счастье.

Ольга Берггольц