-Приложения

  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Онлайн-игра "Empire" Онлайн-игра "Empire"Преврати свой маленький замок в могущественную крепость и стань правителем величайшего королевства в игре Goodgame Empire. Строй свою собственную империю, расширяй ее и защищай от других игроков. Б

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

 

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

Поиск сообщений в klavdia-France

 -Рубрики

 -Цитатник

Клавушка, поздравляю с Днем Рождения! (klavdia-France) - (0)

Клавушка, поздравляю с Днем Рождения! (klavdia-France) Клавушка, я поздравляю тебя с твоим Днем...

Восстанавливаем свои работы - (0)

Восстанавливаем свои работы Всем здравствуйте...)) Сегодня я подскажу вам, как восстанов...

Луцци Клето (Cleto Luzzi, 1884-1952) - (0)

Луцци Клето (Cleto Luzzi, 1884-1952) Клето Луцци (1884–1952)-итальянский живописец. Cleto Lu...

НЕЖНЫЙ ТАЮЩИЙ ВО РТУ ПИРОГ С ВИШНЕЙ - (0)

НЕЖНЫЙ ТАЮЩИЙ ВО РТУ ПИРОГ С ВИШНЕЙ ИНГРЕДИЕНТЫ: ДЛЯ ТЕСТА: Сливочное масло - 50 г Мук...

Вспоминая встречи мимолетные - рамочка - (0)

Вспоминая встречи мимолетные - рамочка Здесь будет Ваш текст Здесь будет Ваш текст

 -Фотоальбом

Посмотреть все фотографии серии ARBOI
ARBOI
21:05 12.08.2011
Фотографий: 1
Посмотреть все фотографии серии Франция
Франция
03:00 01.01.1970
Фотографий: 0

 -Я - фотограф

Прекрасное путешествие в замечательный город Франции г.Лион

г.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Францияг.Лион. Франция

 -Сообщества

Читатель сообществ (Всего в списке: 2) ПОМОЩЬ_НОВИЧКУ Мир_клипарта


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

Среда, 16 Мая 2012 г. 22:13 + в цитатник
Цитата сообщения Arnusha Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!


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

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

Серия сообщений "***НОВИЧКАМ - ПОМОЩЬ":
Часть 1 - Памятка начинающим блоггерам
Часть 2 - Мои шпаргалки
...
Часть 15 - Как загрузить Музыку к себе в дневник на Лиру
Часть 16 - Всё о HTML...начинающим и не только..
Часть 17 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 18 - Уроки по Оформлению дневника для Лирушников
Часть 19 - ИНСТРУКЦИЯ ПОЛЬЗОВАНИЯ РАМОЧКАМИ
...
Часть 42 - Всё под рукой | Всё, что нужно начинающему блогеру.(повтор после глюков)
Часть 43 - Формула кода рамочки.
Часть 44 - Восстанавливаем свои работы

Рубрики: 

Понравилось: 3 пользователям

мамарочка   обратиться по имени Среда, 16 Мая 2012 г. 22:49 (ссылка)
Спасибо!
В цитатник
ГалинаСысоева   обратиться по имени Четверг, 17 Мая 2012 г. 09:29 (ссылка)
Спасибо за совет!!!
В цитатник
Martovo4ka   обратиться по имени Суббота, 08 Сентября 2012 г. 21:52 (ссылка)
Очень благодарна.СПАСИБО!!!
В цитатник
Dgulistar55   обратиться по имени Среда, 28 Ноября 2012 г. 21:40 (ссылка)
Я начинающая и совсем профан в ведении дневника. Ваш дневник сказочно красив и очень насыщен разными полезными советами,которые с удовольствием читаю,цитирую. Большое спасибо за Ваш труд и приятную открытость в советах.Счастья и крепкого здоровья Желаю Вам!
В цитатник
Перейти к дневнику

Среда, 28 Ноября 2012 г. 23:06ссылка
Помню и себя, как начинала привыкать и вникать... Но со временем потихоньку во всем разберетесь, поймете и для Вас потом Ваш дневник также кто-то из гостей заметит и похвалит... И вам также будет приятно, как и мне сейчас.... Всего Вам самого доброго и прекрасного!!!
Света_Черныш   обратиться по имени Воскресенье, 02 Декабря 2012 г. 23:48 (ссылка)
СПАСИБО!!!!!
В цитатник
Валентина_Рябикова   обратиться по имени Четверг, 21 Марта 2013 г. 18:27 (ссылка)
Большое спасибо!!!
В цитатник
luloz-ka   обратиться по имени Вторник, 16 Апреля 2013 г. 18:52 (ссылка)
Какой кочмар! Да для того, чтобы вставить картинки, таблицы и многое, многое другое, и как угодно существует самый простой способ - Расширенный редактор!!! А все эти коды, только вводят в заблуждение и путают , да и вообще отбивают всё желание с ними работать. Да коды нужны, но далеко не всегда и уж точно, не для того, чтобы вставлять картинки... В корне неверный и вредный для новичков особенно подход... Извини, пожалуйста, высказала своё мнение, ну действительно, бедные новички, как же им трудно, а такие советы, просто заводят в тупик и с самого начала дают неверные представления о ведении дневника, построению постов, да и уводят совсем не туда...
В цитатник
Перейти к дневнику

Вторник, 16 Апреля 2013 г. 20:19ссылка
Может быть поначалу, когда еще ничего не знаешь - все пугает и напрягает, но я поработала вначале в расширенном редакторе, там настолько получается порой абракадабра, что действительно получается, порой, настолько некрасиво и в нем ты также не расположишь две картинки в ряд, т.к. если размер большой они не вмещаются в ширину, а значит надо урезать фотографии в размере, что также весьма проблематично для новичков... А когда я научилась делать рамочки и понимая все эти формулы, мне удовольствие радотать в простом редакторе... Я сувствую каждую буковку и циферку и все настолько четко и понятно, что сейчас я бы просто не советовала новичкам начинать работать в расширенном редакторе... Очень примитивно и не всегда получается так, как ты задумала... Но у каждого свое собственное мнение и тут спорить - нет смысла..... Сколько людей - столько и мнений.... Спасибо за рассуждения....
Перейти к дневнику

Вторник, 16 Апреля 2013 г. 20:38ссылка
Какая может быть абракадабра, как Вы выразились, если разные картинки невозможно вот именно в простом редакторе и кодом поставить, а в Расширенном это делается путём постановки нужной ширины и всего лишь!!! Никак не пойму, зачем усложнять новичкам жизнь, их нужно учить проще работать, а это позволяет именно Расширенный Редактор с его обширными возможностями,поражаюсь таким постам, от них только вред и неудобство для новичков, ломка глаз и ненужная галиматья... О
Перейти к дневнику

Вторник, 16 Апреля 2013 г. 23:40ссылка
Я такая же, как и Вы пользователь и я этот пост не писала, я его процитировала, но я прошла и расширенный и простой редактор и мне очень нравится редактор простой - и он для меня подходит больше!!! Возможно, что кто-то с Вами согласится, но меня вы не уговорите.....
Перейти к дневнику

Вторник, 16 Апреля 2013 г. 23:45ссылка
Я не пытаюсь Вас уговаривать, Боже Упаси, но вызывают некоторое мягко говоря недоумение подобные посты, которые вводят в заблуждение новичков, которые итак то, как слепые котята тыркаются, а Вы предлагаете им ещё и буковки с циферками в этих дебрях рассматривать, там не только глаза, но и голову можно сломать, вот это поражает, а как Вам удобно, это конечно, Ваше дело...
Розалинда_555   обратиться по имени Среда, 25 Декабря 2013 г. 01:35 (ссылка)
Большое спасибо от новичка. Я еще буду разбираться как и что. Но хочу сказать,что благодаря людям,которые могут поделиться своим опытом,начинаешь немного понимать и делать первые шаги. С Наступающим Новым Годом!
В цитатник
Перейти к дневнику

Четверг, 26 Декабря 2013 г. 00:38ссылка
Сердечная и огромная благодарность за пожелания и добрые слова.... Всего Вам самого доброго и прекрасного!!!
Люсьена09   обратиться по имени Пятница, 06 Мая 2016 г. 21:11 (ссылка)
Я, новичок. У меня расширенный редактор на китайском языке и я тыкаюсь как слепой котёнок. Как перевести его на русский язык? Я плохо ещё ориентируюсь, но методом "тыка" буду продолжать осваивать. И спасибо Вам за помощь.
В цитатник
К дневнику Страницы: [1] [Новые]