-÷итатник

–адио-флеш - (9)

–адио-флеш –адио-флеш от Novprospekt

ќбзор шрифтов. - (0)

ќбзор шрифтов. —лучайно наткнулась в сети,очень удобна€ штука! –ешила поделитьс€! ¬низу в ок...

ƒрузь€, прошу молитв за нашу подругу “амарочку - (11)

ƒрузь€, прошу молитв за нашу подругу “амарочку   «доровье - это главное богатств...

Tutorial by Nara Pamplona " Seduction" - (0)

ƒелаем в ‘Ў коллаж Seduction ƒ≈Ћј≈ћ  ќЋЋј∆ ¬ ‘Ў ƒелаем в ‘Ў коллаж Seduction ...

Tutorial by Suizabella "Orange" - (0)

ѕеревод урока дл€ корела "Orange" ѕеревод урока дл€ корела"Orange" —пасибо автору за прекрасны...

 -ћетки

tubed tutorial by regis tutorial by tamer афоризмы баннеры бродилки буриме видео видеоклип всЄ дл€ блоггеров все о €ндексе девушки жизнь жизнь событи€ зверушки зверюшки здоровье зимнее картинка картинки картинки новогодние картины картины худ. галере€ клипарт кошки кулинари€ ли.ру ли.рушникам лошади мир музыки мифологи€ мои заметки мои коллажи музыка мысли наши дети новогоднее обзор уроков обои открытка приветствие притча притчи программы программы, фильтры проза птицы разделители рамка рамки рамки новогодние религиозные стихи религи€ сказки собаки событи€ стихи стихи /авт. а.с.пушкин/ стихи /авт. андрей федорченко/ стихи /авт. бойкова марина/ стихи /авт. василий алоев/ стихи /авт. жен€ ренар/ стихи /авт. неизвестен/ стихи /авт. редь€рд киплинг/ стихи /авт. €шенко дарь€/ стихи о любви стихи о любви /авт. enik2217/ стихи о любви /авт. алексей порошин/ стихи о любви /авт. андрей федорченко/ стихи о любви /авт. борис коренфельд/ стихи о любви /авт. кесслер оксана/ стихи о любви /авт. лариса рубальска€/ стихи о любви /авт. неизвестен/ стихи о любви /авт. сказоч-ник/ стихи о любви /авт. тать€на вербицка€/ стихи о любви /авт. тать€на лаврова/ стихи о любви /авт. федор тютчев/ стихи о любви /авт. эдуард асадов/ стихи о любви /авт. €ра стафиевска€/ стихи об осени текст тест уроки corel уроки ли.рушникам уроки ли.рушнику уроки фотошоп уроки фотошопа фарфор фильтры флеш флеш-игры фоны фото фото худ. галере€ фотошоп цветы черновичок читать онлайн шрифты юмор

 -–убрики

 -ѕодписка по e-mail

 

 -ѕоиск по дневнику

ѕоиск сообщений в Sabine_Astana

 -—татистика

—татистика LiveInternet.ru: показано количество хитов и посетителей
—оздан: 23.02.2009
«аписей: 6165
 омментариев: 28387
Ќаписано: 49532

 омментарии (0)

“аблицы. „асть 2-€ :)

¬торник, 14 »юл€ 2009 г. 01:42 + в цитатник
Ёто цитата сообщени€ ¬еликовозрастное_дит€ [ѕрочитать целиком + ¬ свой цитатник или сообщество!]

“аблицы. „асть 2-€ :)



¬ прошлый раз дл€ определени€ вида одной или нескольких строк таблицы использовалс€ тег .
ƒействие тегов и аналогичны .
“ег определ€ет вид первой строки таблицы, а - последней.
“ег определ€ет вид последних строк, но в исходном коде он должен быть до тега

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

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

ѕерва€ строка. “екст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 - «аголовок размещаетс€ внизу таблицы по ее центру.
«аголовок таблицы
ѕерва€ строка. “екст1 ѕерва€ строка. “екст2
ѕоследн€€ строка. “екст1 ѕоследн€€ строка. “екст2
“екст1 “екст2


≈сли задать align="bottom" то заголовок будет внизу таблицы

«аголовок таблицы
ѕерва€ строка. “екст1 ѕерва€ строка. “екст2
ѕоследн€€ строка. “екст1 ѕоследн€€ строка. “екст2
“екст1 “екст2

“ег предназначен дл€ создани€ одной €чейки таблицы, котора€ обозначаетс€ как заголовочна€.
“екст в такой €чейке отображаетс€ браузером обычно жирным шрифтом и выравниваетс€ по центру.
–асполагаетс€ этот тег только внутри тега

“аблица с заголовками

«аголовок1 «аголовок2
“екст1 “екст2

“ег задает ширину и другие атрибуты одной или нескольких колонок таблицы. ѕри наличии этого тега браузер начинает показывать содержимое таблицы, не дожида€сь ее полной загрузки. “ег можно использовать совместно с тегом , который задает группу колонок, обладающих общими параметрами.



“екст1 “екст2
“екст3 “екст4

ќбъеденим несколько €чеек таблицы. ƒл€ этого в теге нужно указать colspan - объеден€ет горизонтальные €чейки, rowspan - вертикальные

ќбъеденим 2 €чейки первой строки в одну €чейку



“екст1
“екст2 “екст3

ќбъеденим 2 €чейки первого столбца в одну €чейку



“екст1 “екст2
“екст3

» последнее. ѕараметры тега cellpadding - отступ от рамки до содержимого €чейки и cellspacing- рассто€ние между €чейками.



“екст1 “екст2
“екст3 “екст3

¬от собственно и все :))

–убрики:  ¬сЄ дл€ блоггеров

ћетки:  
 омментарии (2)

“аблицы

¬торник, 14 »юл€ 2009 г. 01:39 + в цитатник
Ёто цитата сообщени€ ¬еликовозрастное_дит€ [ѕрочитать целиком + ¬ свой цитатник или сообщество!]

“аблицы



“аблица определ€етс€ тегами и .
¬нутри этих тэгов допускаютс€ теги
  • предназначен дл€ создани€ заголовка к таблице.
  • задает ширину и другие атрибуты одной или нескольких колонок таблицы.
  • предназначен дл€ задани€ ширины и стил€ одной или нескольких колонок таблицы.
  • предназначен дл€ хранени€ одной или нескольких строк таблицы.
  • определ€ет колонку таблицы.
  • определ€ет строку таблицы.
  • предназначен дл€ хранени€ одной или нескольких строк, которые представлены внизу таблицы.
  • предназначен дл€ создани€ одной €чейки таблицы, котора€ обозначаетс€ как заголовочна€.
  • предназначен дл€ хранени€ одной или нескольких строк, которые представлены вверху таблицы.
Ќачало строки таблицы определ€етс€ тегом и заканчиваетс€
¬нутри строки располагаютс€ теги столбцов

ѕостроим простейшую таблицу, состо€щую из одной строки и двух столбцов.


ћы получим такую таблицу ( фоновый цвет сделан дл€ того что бы выделить границы таблицы)
“екст1 “екст2

ƒобавим рамку к нашей таблице. ƒл€ этого нужно в тег добавить border="1" ( Ётот параметр определ€ет ширину рамки таблицы ), если нужна рамка толщиной 1 пиксель то можно написать border без параметров


ѕолучим таблицу с рамкой
“екст1 “екст2

–амка по€вилась, но она кака€ то мрачна€ :) ѕопробуем разукрасить рамку, добавив еще один параметр bordercolor который определ€ет цвет рамки. —делаем нашу рамку €довито-красного цвета :).

¬от наша таблица с красной рамкой

“екст1 “екст2

“еперь изменим цвет фона таблицы. ƒл€ этого добавим bgcolor

¬от как выгл€дит наш пример

“екст1 “екст2

—делаем нашу таблицу с фоновым рисунком

ƒл€ этого зальем фоновый рисунок в черновик

 (116x116, 2Kb)

 од нашего фонового рисунка

“еперь добавим к нашей таблице параметр background и укажем ссылку на наш фоновый рисунок

Ќаша таблица теперь выгл€дит повеселее :)

“екст1 “екст2

ѕопробуем теперь использовать дл€ фона таблицы рисунок сравнительно больного размера. Ќапример вот такой веселый цветочек

 (640x480, 145Kb)

 од рисунка

 од таблицы будет таким

“екст1 “екст2

‘оновый рисунок есть, но он обрезан по размеру таблицы. „то бы это исправить нужно добавить ширину width и высоту height таблицы. Ўирину и высоту таблицы сделаем такими же как и ширина и высота фонового рисунка

¬от как будет выгл€деть наша таблица

“екст1 “екст2

Ќаша таблица размещаетс€ на странице слева, разместим еЄ посредине страницы добавив параметр align. ƒопустимы значени€ этого параметра left - слева, right - справа, center - разместить по центру

¬от как это будет выгл€деть

“екст1 “екст2

“екст с €чейках таблицы расположен слева и по центру вертикали. ќставим первую €чейку без изменени€, а во второй €чейке таблицы разместим текст в верхнем правом углу. ƒл€ этого добавим к €чейке 2 параметра align - выравнивание по горизонтале и valign - выравнивание по вертикале.




“екст1 “екст2

≈сли расположение текста в €чейках одинаковое то можно добавить тег . Ётот тег позвол€ет задавать вид одной или несколько строк таблицы.

ќбратите внимание что значени€ align и valign теперь прописаны в теге .

“еперь в обеих €чейках таблицы текст располагаетс€ вверху и по центру.

valign может принимать значени€ top - вверху. middle - по центру, bottom - внизу

“екст1 “екст2

–амка таблицы теперь портит весь вид. ”берем еЄ и окончательно получим такую таблицу

“екст1 “екст2

ѕожалуй пока все. ¬ следущий раз расскажу о других возможност€х вывода таблиц

–убрики:  ¬сЄ дл€ блоггеров

ћетки:  
 омментарии (0)

»зображени€ в дневнике

¬торник, 14 »юл€ 2009 г. 01:28 + в цитатник
Ёто цитата сообщени€ ¬еликовозрастное_дит€ [ѕрочитать целиком + ¬ свой цитатник или сообщество!]

»зображени€ в дневнике



–азместим изображение в дневнике. ƒл€ этого просто прикрепим файл изображени€ к сообщению

 (680x680, 37Kb)

 од солнышка:

—делаем всплывающую подсказку к рисунку. ƒл€ этого допишем в код рисунка title.

“еперь при наведении мышки на рисунок будет по€вл€тьс€ подсказка с нашим текстом

 (680x680, 37Kb)

≈сть еще один параметр рисунка который можно использовать дл€ удобства при редактировани€ постов с рисунками. Ёто alt. Alt - Ёто текст который будет виден вместо картинки, если невозможно еЄ показать.
»значально в нем прописан размер рисунка, но этот текст можно изменить на любой другой. Ќапример можно подписать рисунок.

width и height это ширины и высота рисунка. ћожно показать рисунок другого размера просто указав в коде width и height


–исунок солнышка

ћы получили рисунок уменьшеного размера, но реальный размер рисунка не изменилс€! ¬ы можете в этом убедитьс€ если сохраните рисунок у себ€ на компьютере и посмотрите его

–исунки можно использовать и в ссылках. ƒл€ примера загружу уменьшиную копию солнышка

 (100x100, 3Kb)

 од маленького солнышка:

ƒл€ того что бы картинка была ссылкой сделаем вот такой код ( код € показал в сокращенном виде дл€ простоты чтени€)

—делаем код что бы видно было маленькое солнышко, а при клике на нем в новом окне выводилось солнышко в полном размере.
ƒл€ этого веред кодом маленького солнышка вставим код <a href="сслыка на большое солнце">, а после кода маленького солнышка - </a>

.
 (100x100, 3Kb)

ќбратите внимание на то что title прописан в коде ссылки, а не рисунка и на параметр ссылки target="_blank"!
Target ”казывает где открывать ссылку. _blank - открыть в новом окне, ≈сли вы не укажите target то ссылка откроетс€ в текущем окне

–убрики:  ¬сЄ дл€ блоггеров

ћетки:  

 —траницы: [1]