-Метки

23 февраля 3d 8 марта PNG fantasy gimp photoshop анимация анимашки анимашки для тлф видео винтаж всё для фотошоп вставить гламур девушки декор день валентина-скраб набор день святого валентина дизайн для украшения дневника картинки картинки png клип-арты клипарт клипарт в png клипарт-8 марта клипарт-ангелы клипарт-анимашки клипарт-бабочки клипарт-бокалы клипарт-валентинки клипарт-вино клипарт-города клипарт-девушки клипарт-декор клипарт-деревья клипарт-детский клипарт-книги клипарт-куклы клипарт-любовь клипарт-мужчины клипарт-напитки клипарт-природа клипарт-рамки клипарт-свечи клипарт-танцы клипарт-транспорт клипарт-уголки клипарт-феи клипарт-фрукты клипарт-цветы клипарт-шампанское клипарты коллажи с.модоровой коллажи-он и она компьютер куколка летний маски для фотошоп обои открытки открытки+коды оформление блога паттерны природа программы просто о сложном рамка рамки рамки для фото рамки для фотографий распакованный набор романтика сайты сердечки скачать скрап-набор скрап-наборы ссылки схемы текст текстура текстуры уроки уроки photoshop уроки в corel уроки в gimp уроки от искательницы уроки фотошоп фон фоны фоны для коллажей фоны для фотошоп фото фотошоп фотошоп и все для фш фотошоп-онлайн цветы эффекты

 -Рубрики

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Для дизайнеров Для дизайнеровтаблица цветов для дизайнера
  • Перейти к приложению Редактор фотографий Редактор фотографийРедактор фотографий и изображений для быстрой обработки и сохранения. Возможности включают в себя: изменения размера, обрезка, наложение некоторых эффектов, улучшение качества изображения.
  • Перейти к приложению Редактор изображений Редактор изображенийОналайновый редактор изображений с возможностью загрузки с вашего компьютера или из Интернет. По функциональным возможностям близок к Adobe Photoshop

 -Цитатник

Семейные анимашки - (0)

Семейные анимашки картинки с именами

Блоги мастеров Фотошопа - (0)

Блоги мастеров Фотошопа

Бейджи векторные (png) - (0)

Бейджи векторные (png)

ШАБЛОНЫ ДЛЯ PHOTOSHOP - (0)

ШАБЛОНЫ ДЛЯ PHOTOSHOP  Красивые женские шаблоны для работы в ФШ  Шаблоны для ФШ  ...

Коллаж "Kylie" - (0)

Коллаж "Kylie" Оригинал урока тут Фильтры Flaming Pear - Flexify 2 RCS - Filter Pack 1.0 ...

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

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

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

 

 -Сообщества

Читатель сообществ (Всего в списке: 3) Cine-Cinema WiseAdvice Мир_клипарта

 -Статистика

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


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

Вторник, 01 Февраля 2011 г. 15:03 + в цитатник
Цитата сообщения Arnusha Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!

 (180x140, 35Kb)



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

Пока я знаю только два способа,которые подходят для картинок, флешек, часиков, линеечек и так далее
Первый способ: МЕЖДУ КОДАМИ ДВУХ КАРТИНОК ВСТАВЬТЕ НЕРАЗРЫВНЫЙ ПРОБЕЛ  
ПРИМЕР:<код первой кнопки>&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 - Открытка 8 Марта
Часть 2 - открытка"Частичка моего сердца"
...
Часть 95 - Новогодние поздравительные открытки с плеером!
Часть 96 - Открытки.
Часть 97 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 98 - Десять простых новогодних рамочек.
Часть 99 - Если вам "лениво" комментировать))))часть 1
Часть 100 - Если вам "лениво" комментировать))))часть 2




Серия сообщений "Полезные советы":

Часть 1 - Сервисы "Вопрос-ответ"
Часть 2 - Украли картинку? Найдём кто это сделал!
...
Часть 46 - Рецепты для поднятия потенции.
Часть 47 - Оформление полотенца в подарок и не только...
Часть 48 - Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих!
Часть 49 - Чизкейки. Особенности приготовления.Полезные советы.
Часть 50 - Научиться писать ГЛИТТЕРАМИ...
...
Часть 86 - Уход за вещами из натурального меха.
Часть 87 - Определим без весов (памятка начинающему дачнику)
Часть 88 - Каша - здоровье наше! Все о кашах и как варить...


Рубрики:  ВсёДляДневника/-уроки
Метки:  

 

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

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

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

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