Svoboda | Graniru | BBC Russia | Golosameriki | Facebook

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

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

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

 

 -Рубрики

 -Метки

2 года 2 класс 3 года 4 года burda diana аиф английский язык арки беседки навесы перголы бани дома дорожки блины оладьи лепёшки выкройки выпечка вязание крючком вязание модно и просто вязание спицами головные уборы горшки вазоны кашпо декор дизайн и интерьеры десерты детям для детей для детей для птиц домики журналы заготовки консервирование игрушки и игры из арбуза из бумаги из дерева из кабачков из капусты из картофеля из кукурузы из лука из мяса или курицы из овощей из огурцов из перца из рыбы из слоёного теста из субпродуктов из сыра из творога из теста из томатов из тыквы из яблок из ягод и фруктов из яиц испытано на себе календари картинки клипарты обои фоны открытки китайская кухня клумбы книги колбаса коптильни печи мангалы гриль барбекю котлеты тефтели зразы кошки кровати куклы летние рецепты математика мебель моя любимая дача напитки соки коктейли ликёры вино новогоднее обувь овощи одежда онлайн пасхальное первые блюда печенье пирожки пироги беляши пиццы пицца праздники программы пруды и водоемы розы рулеты сабрина салаты и закуски салфетки сервировка собаки соусы стройка стулья кресла диваны скамьи гамаки кушетки сумки тапочки тесто из теста торты умные книжки упражнения уроки французская кухня цветы и цветники читальный зал шкафы столы и полки школа гастронома

 -Видео

Банановые блинчики
Смотрели: 14 (0)
Кот-обормот
Смотрели: 1137 (9)
Настоящая...
Смотрели: 30 (1)
Умывашка...
Смотрели: 23 (0)
Сама такая...
Смотрели: 38 (1)

 -Интересы

ясные звёздочки

 -Статистика

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


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

Четверг, 15 Марта 2012 г. 11:58 + в цитатник
Цитата сообщения Arnusha

Урок для начинающих!

 (180x140, 35Kb)

 


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

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

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

Вот код этой таблицы
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: center;" valign="undefined">Первая строка, первый столбец</td> <td style="text-align: center;" valign="undefined">Первая строка, второй столбец</td> </tr> <tr> <td style="text-align: center;" valign="undefined">Вторая строка, первый столбец</td> <td style="text-align: center;" valign="undefined">Вторая строка, второй столбец</td> </tr> <tr> <td style="text-align: center;" valign="undefined">Третья строка, первый столбец</td> <td style="text-align: center;">Третья строка, второй столбец</td> </tr> </tbody> </table>

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

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


Вот код этой таблицы
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: center;" valign="undefined">Первая строка, первый столбец</td> <td style="text-align: center;">Первая
строка, второй столбец</td> <td style="text-align: center;" valign="undefined">Первая строка, третий столбец</td> </tr> <tr> <td style="text-align: center;" valign="undefined">Вторая строка, первый столбец</td> <td style="text-align: center;" valign="undefined">Вторая строка, второй столбец</td> <td style="text-align: center;" valign="undefined">Вторая строка, третий столбец</td> </tr> <tr> <td style="text-align: center;" valign="undefined">Третья строка, первый столбец</td> <td style="text-align: center;" valign="undefined">Третья строка, второй столбец</td> <td style="text-align: center;" valign="undefined">Третья строка, третий столбец</td> </tr> </tbody> </table>Табличка из 4 столбцов и 3 строк
Первая строка, первый столбец Первая строка, второй столбец Первая строка, третий столбец Первая строка, четвёртый столбец
Вторая строка, первый столбец Вторая строка, второй столбец Вторая строка, третий столбец Вторая строка, четвёртый столбец
Третья строка, первый столбец Третья строка, второй столбец Третья строка, третий столбец Третья строка, четвёртый столбец

Вот код этой таблицы
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="text-align:
center;" valign="undefined">Первая строка, первый столбец</td><td style="text-align: center;">Первая строка, второй столбец</td><td style="text-align: center;" valign="undefined">Первая строка, третий столбец</td><td style="text-align: center;" valign="undefined">Первая строка, четвёртый столбец</td></tr><tr><td style="text-align: center;" valign="undefined">Вторая строка, первый столбец</td><td style="text-align: center;" valign="undefined">Вторая строка, второй столбец</td><td style="text-align: center;" valign="undefined">Вторая строка, третий столбец</td><td style="text-align: center;" valign="undefined">Вторая строка, четвёртый столбец</td></tr><tr><td style="text-align: center;" valign="undefined">Третья строка, первый столбец</td><td style="text-align: center;" valign="undefined">Третья строка, второй столбец</td><td style="text-align: center;" valign="undefined">Третья строка, третий столбец</td><td style="text-align: center;" valign="undefined">Третья строка, четвёртый столбец</td></tr></tbody></table>

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


Вот код этой таблицы
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="text-align: center;" valign="undefined">Первая строка, первый столбец</td><td style="text-align: center;">Первая строка, второй столбец</td></tr></tbody></table>

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

Вот код этой таблицы
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="text-align: center;" valign="undefined">Первая строка, первый столбец</td><td style="text-align: center;"
valign="undefined">Первая строка, второй столбец</td><td style="text-align: center;">Первая строка, третий столбец</td></tr></tbody></table>

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

Вот код этой таблицы
<table style="width: 100%; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="2" cellspacing="2"><tbody><tr><td style="text-align: center;" valign="undefined">Первая строка, первый столбец</td><td style="text-align: center;">Первая
строка, второй столбец</td><td style="text-align: center;" valign="undefined">Первая строка, третий столбец</td><td style="text-align: center;" valign="undefined">Первая строка, четвёртый столбец</td></tr></tbody></table>

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



Arnusha
Рамка Zomka

Серия сообщений "Всегда под рукой":
Часть 1 - Плагин подбора цвета
Часть 2 - Календарь празднования Пасхи до 2020 года.
...
Часть 17 - Интерьер спальных комнат. Пост украден
Часть 18 - Новостной листок. Понедельник, 23 Января 2012 г.
Часть 19 - Как расположить несколько элементов на страничке рядом друг с другом.
Часть 20 - C ДНЕМ РОЖДЕНИЯ!!!
Часть 21 - Удар по спаму - лучший сайт одноразовых e-mail-ов.
...
Часть 25 - Клубничная грядка из поддонов
Часть 26 - "Мастер-классы у ASPIDISTRA1"
Часть 27 - Если нажать "НРАВИТСЯ", это прочтут друзья в ленте новостей

Рубрики:  Оформление дневника/Разное
Метки:  
Понравилось: 9 пользователям

Ramata   обратиться по имени Суббота, 23 Апреля 2011 г. 20:45 (ссылка)
Ой сложно как Надо изучать Спасибо
Ответить С цитатой В цитатник
Перейти к дневнику

Суббота, 23 Апреля 2011 г. 23:55ссылка
Ramata, это такая штука хорошая, чудо! Я так благодарна автору за проделанную работу, часто пользуюсь!Надо изучить!
Gamma1   обратиться по имени Суббота, 04 Июня 2011 г. 15:11 (ссылка)
Спасибо за информацию!
Ответить С цитатой В цитатник
Перейти к дневнику

Пожалуйста!

Суббота, 04 Июня 2011 г. 15:45ссылка
Gamma1, очень ценная информация, если не трудно поблагодарите пожалуйста автора(нажать сверху "Прочитать целиком").
Госпажа_Удача   обратиться по имени Пятница, 29 Июля 2011 г. 09:18 (ссылка)
Ответить С цитатой В цитатник
Ваша_Вишня   обратиться по имени Пятница, 04 Ноября 2011 г. 13:29 (ссылка)
Вот за такое добро отдельное спасибо, а то в эпиграфе не могу навести порядок. Обязательно разберусь... благодарю...
Ответить С цитатой В цитатник
Перейти к дневнику

Сама в восторге!

Воскресенье, 06 Ноября 2011 г. 08:38ссылка
Пожалуйста, зайдите к автору поста выразите благодарность, очень хорошая штука
К дневнику Страницы: [1] [Новые]