-Цитатник

Батмангхелидж Ферейдон - ДОКТОР, от бога! - (3)

  Батмангхелидж Ферейдон  -   ЗАПОМНИТЕ ЭТО ИМЯ Доктор Ферейдон Батм...

Европу ждет ледниковый период? - (0)

Гольфстрима больше нет, поэтому Европу ждут якутские морозы. Следствием катастрофы в Мексиканском за...

Яблочный уксус - (0)

Скорее всего, Вы наслышаны о пользе яблочного уксуса: возможно, Вы пользовались им для ополаскиван...

Очищение сосудов головного мозга - (0)

Способ первый: Ядра пяти грецких орехов измельчить в ступке. Одну столовую ложку светлого мёда...

Как очистить кишечник от каловых камней - (1)

Несколько полезных рецептов: Как очистить кишечник от каловых камней?Проверенный рецепт: В...

 -Метки

hi-tech html photoshop ахметов видео витамины вкусно вода города дневник долголетие домашний еда животные жирные кислоты жиры загрузка занимательное заработок здоровая пища здоровое питание здоровье зрение интересно интересное интересное фото интернет космос красивое красота кулинария курение лечение лиру льняное масло макро-фото макромир макрофото метаболизм музыка народные средства насекомые новости новости техники олигархи омега-3 омега-6 омега-9 оформление оформление дневника очищение партия регионов питание познавательно познавательное полезно знать полезное полезные продукты полезные советы полезные ссылки политики помощь новичкам помощь новичку правда правильное питание президент природа приятная музыка продукты продукты питания простые рецепты путешествия размер одежды рак рецепты сайты сатира советы ссылки старение старость тимошенко тренировка туризм тэги удивительное украина упражнения фаусто папетти физическая активность фильм флэш фото фотообработка фотошоп холестерин цензура экономика юмор янукович

 -Приложения

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

Поиск сообщений в alexasun

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

 

 -Сообщества

Участник сообществ (Всего в списке: 52) -picture_book- ПИАР-АГЕНСТВО УРОКИ_ФОТОШОПА town_of_art zdravy ПИАРИЛКА Народные_советы Ваша_рЫклама Рамки_для_днева Заброшенные_Города другая_Россия про_искусство Сделай_дневник_популярный ЗдоровьЕ_КрасотА Рецепты_домохозяек Поиск_Пч Live_Memory Нефильтрованная_красота ФотоКрасота Мы_будем_худыми Леди_на_диете Наука_и_Техника Все_о_ЗОЖ БУДЬ_ЗДОРОВ ЛиРу ПИАР_дневников Вегетарианство ПРОРЕКЛАМИРУЙДНЕВНИК Симпы_и_ПЧёлки Картинки_для_днева Обработка_Фотографий культ_кино НЕ_ЖРАТЬ Всё_самое_интересное fotoclub Gala-Feya_and_Photoshop Geo_club ЦаРсТвО_в_МиРе_КаРтИнОк kino_art Make_up Photoshopia _Поиск_Картинок_ УпрЯЯЯмые_ПОХУДЕЙКИ Сама_овца SkladushkA Twitter_RU World_of_the_Occult Моя_кулинарная_книга Только_для_мужчин Только_для_женщин Frondam Клуб_Фотопутешествий
Читатель сообществ (Всего в списке: 15) ParadizeArt Мой_цитатник Темы_дня Выгляди_на_100 Интересные_Блоги Quotation_collection АРТ_АРТель притчи_мифы_сказки All-for-photoshop MY_HIT Photoshopinka solnechnolunnaya Wandelhalle WiseAdvice Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.07.2009
Записей: 541
Комментариев: 664
Написано: 1253


Применение таблиц

Понедельник, 14 Декабря 2009 г. 00:20 + в цитатник
Цитата сообщения

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


 (110x110, 40Kb) (85x77, 48Kb) (100x81, 39Kb) (53x32, 1Kb) (32x32, 2Kb) (32x32, 2Kb)

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



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


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




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


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



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
























большой1

Маленький1

большой2

Маленький2

Большой3

Маленький3

Ширина первой и второй колонки не одинаковые что не всегда красиво. Добавим в нашу таблицу еще одну строку Эта строка задаст ширину колонок в 200 пикселей ( можно указать ширину в процентах от общей ширины таблицы )


Что бы не загромождать код я в дальнейшем буду показывать только часть кода где делаем изменения


























большой1

Маленький1

большой2

Маленький2

Большой3

Маленький3

Осталась самая малость. Разместить рисунки по центру ячеек. Для этого в добавим valign="middle" и align="center"


























большой1

Маленький1

большой2

Маленький2

Большой3

Маленький3

Подпишем колонки. Для этого добавим вначале еще одну строку в которой вместо пропишем






























Большие смалы Маленькие смайлы

большой1

Маленький1

большой2

Маленький2

Большой3

Маленький3

Добавим к каждому смайлу название.



Вид таблицы мягко говоря не очень :)























Большие смалы Маленькие смайлы

большой1Большой1

Маленький1Маленький1

большой2Большой2

Маленький2Маленький2

Большой3Большой3

Маленький3Маленький3

Исправим это добавив еще 2 колонки для названий смайлов


Обратите внимание на то что добавилось еще две строки с и . Даже если в ячейках ничего не выводится количество ячеек в каждой строке должно быть одинаковым!!!!!






Название колонок "Большие смайлы и маленькие смайлы" не совсем правильно расположены


































Большие смалы Маденькие смайлы

большой1
Большой1
Маленький1
Маленький1

большой2
Большой2
Маленький2
Маленький2

Большой3
Большой3
Маленький3
Маленький3

Объеденим попарно ячейки с названием колонок.





































Большие смалы Маденькие смайлы

большой1
Большой1
Маленький1
Маленький1

большой2
Большой2
Маленький2
Маленький2

Большой3
Большой3
Маленький3
Маленький3

Не нравится мне грозный красный смайл :)). Я его выделю каким то фоном что бы он бросался в глаза :). Добавлю в ячеку с этим смайлом фоновый цвет


Заодно и строку с названием колонок выделю фоном






































Большие смалы Маденькие смайлы

большой1
Большой1
Маленький1
Маленький1

большой2
Большой2
Маленький2
Маленький2

Большой3
Большой3
Маленький3
Маленький3

Сделаем этот грозный смайл не таким грозным. Разместим его на этом фоновом рисунке :))


 (116x116, 2Kb)

Для этого добавим в ячейку с этим смайлом параметр background






































Большие смалы Маденькие смайлы

большой1
Большой1
Маленький1
Маленький1

большой2
Большой2
Маленький2
Маленький2

Большой3
Большой3
Маленький3
Маленький3

Что еще творить с таблицей зависит только от вашей фантазии :)) Можно каждую строку выделить своим цветом добавиви в параметр background. Можно для каждой ячейки или строки задать фоновый рисунок прописав background. Вместо текста в ячейках можно прописать ссылки.


ps: Добавьте в код рисунка title="текст" и при наведении мышки на рисунок будет выскакивать подсказка с текстом







 (116x116, 2Kb)

Серия сообщений "ОФОРМЛЕНИЕ дневника":
Часть 1 - Изучаем HTML. Теги. Оформление постов
Часть 2 - Как вставить в блог флэш-анимацию
Часть 3 - Очень полезное для оформления и ведения блога (дневника)
Часть 4 - Как вставить сразу большое количество картинок - в дневник...
Часть 5 - Применение таблиц
Часть 6 - Настройки дизайна. Управление схемами оформления
Часть 7 - Самый полный FAQ по ЛиРу
...
Часть 38 - Список уроков. Как ОФОРМИТЬ ДНЕВНИК
Часть 39 - Хитрoсти Youtube
Часть 40 - Энциклопедия ЛиРУ

Метки:  

Светлана_Курчатова   обратиться по имени Вторник, 20 Июля 2010 г. 13:35 (ссылка)
Ой как все сложно ,я здесь сама и не разберусь,но всеравно спасибо!!!
Ответить С цитатой В цитатник
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку