-Метки

1 сентября клипарт 8 марта PNG Добро пожаловать анимация банер благодарилки визитки для коментариев картинки для фотошопа заготовки для рамочек интересно картинка православная картинки картинки для записи клипарт клипарт люди клипарт природа клипарт цветы красный куклы в png любовь мои работы мультяшки набор для рамки не забывай открытка открытка гламур открытка пожелание открытка спасибо открытки открытки поздравительные открытки ты пасхальный клипарт поздравляю букеты полезное для дневника праздничная рамка приветствие для дневника разрезная рамка рамка рамка ангел рамка белая рамка благовещенье рамка бордовая рамка голубая рамка девушка рамка для вас рамка для фото рамка жёлтая рамка зелёная рамка коричневая рамка красная рамка любовь рамка магия рамка на фоне города рамка объёмная рамка приветствие рамка розовая рамка с девушкой рамка с цветами рамка с часами рамка светлая рамка серая рамка синяя рамка стих рамка фея рамка фиолетовая рамка фотошопная рамка чёрная рамка чёрно-красная рамки рамки эльф рамочка зелёная стих уроки для блогера фоны фотошопная рамка зелёная цитата черно белые открытки школа клипарт

 -

Быстрый переход по страницам блога оксана_зубарева:

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

Поиск сообщений в оксана_зубарева

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

 

 -Статистика

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


располагаем картинки рядом друг с другом в посте

Понедельник, 10 Сентября 2012 г. 08:56 + в цитатник
Цитата сообщения Arnusha

Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
 


Когда я только начинала изучать как и многие из вас все детали,что такое коды,как ставить,где ставить-возникало много вопросов и ведь каждый раз требовались ответы на них.Я сама столкнулась и ещё столкнусь уверена,что бывает нужно спросить и не у кого...Как неохотно отвечают на вопросы новичков уже "повзрослевшие" пользователи,как будто и сами не были чайниками.Нет времени и это понятно.Ведь нужно всё разжевать и понятным языком объяснить,куда,как и для чего... Многие не знают Как расположить несколько элементов на страничке рядом друг с другом.Например,как выставить рядом картинки,смайлики или снежинки...Я тоже раньше не могла и спрашивать было некого,лишний раз не хотела раздражать своими вопросами.Сегодня я попробую вам объяснить,как это делать и с помощью чего...Первые шаги так сказать для начинающих,кто только начал делать шаги в области постов с картинками
ИТАК ПОЕХАЛИ:

Пока я знаю только два способа,которые подходят для картинок, флешек, часиков, линеечек и так далее
Первый способ: МЕЖДУ КОДАМИ ДВУХ КАРТИНОК ВСТАВЬТЕ НЕРАЗРЫВНЫЙ ПРОБЕЛ  
ПРИМЕР:<код первой кнопки> <код второй кнопки> <код третьей кнопки>
  
 
Но учтите: этот способ не работает, если вы хотите поставить что-то рядом с табличкой.Например,под картинкой поставить код.

Второй способ намного сложнее:
Ниже я выложила коды табличек,так же вы можете сами их выстраивать.Но для этого нужен ещё один урок.
А пока для примера вот вам работа для размышлений,они помогут вам понять структуру кодов и помогут в работе.
Поехали:
Вот табличка из 2 столбцов и 3 строк
Вот так будет выглядеть расклад ваших картинок или кнопок,состоящих из 2-х столбиков и в три строки.
Первая строка, первый столбец Первая строка, второй столбец
Вторая строка, первый столбец Вторая строка, второй столбец
Третья строка, первый столбец Третья строка, второй столбец
.

Вот код этой таблицы
Первая строка, первый столбец Первая строка, второй столбец
Вторая строка, первый столбец Вторая строка, второй столбец
Третья строка, первый столбец Третья строка, второй столбец

Вот что получилось у меня...

************************************************
Табличка из 3 столбцов и 3 строк
Первая строка, первый столбец Первая строка, второй
столбец
Первая строка, третий столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец


Вот код этой таблицы
Первая строка, первый столбец Первая
строка, второй столбец
Первая строка, третий столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец
Табличка из 4 столбцов и 3 строк
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец Вторая строка, четвёртый столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец Третья строка, четвёртый столбец

Вот код этой таблицы
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец Вторая строка, четвёртый столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец Третья строка, четвёртый столбец

******************************************
Табличка из 2 столбцов и 1 строки
Первая строка, первый столбец Первая строка, второй
столбец


Вот код этой таблицы
Первая строка, первый столбец Первая строка, второй столбец

*****************************************
Табличка из 3 столбцов и 1 строки
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец

Вот код этой таблицы
Первая строка, первый столбец valign="undefined">Первая строка, второй столбец Первая строка, третий столбец

******************************************
Табличка из 4 столбцов и 1 строки
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец

Вот код этой таблицы
Первая строка, первый столбец Первая
строка, второй столбец
Первая строка, третий столбец Первая строка, четвёртый столбец

*************************************
Вот то,чем я сама пользуюсь.Хочу подчеркнуть для тех кто будет применять эти коды в работе:очень осторожно и внимательно.Работа кропотливая и кто уже сталкивался с ними,тот знает.Я отключаюсь полностью,никакого ТВ,потому что малейшая ошибка и всё надо будет начинать заново.Это касается тех,кто будет выставлять свои работы с кодами.Если кому-то что-то не понятно или какие-то трудности,пишите,я обязательно отвечу.И желательно в личку,отвечу обязательно..Особая благодарность клубу "Не хочу быть "чайником"!Только заходя туда и читая в одиночку и методом тыка я освоила эти таблицы,спасибо Диане.
Ещё один момент,если выставляете много картинок,линеек,разделителей,то понятно,что нужно использовать код несколько раз.
Удачи всем!!!

Arnusha
Рубрики:  ли.ру
Метки:  

 

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

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

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

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