Записи Друзья Комментарии
Arnusha
Аватар Arnusha

 -Всегда под рукой

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

 

 -Рубрики

 -Цитатник

Анечка (Anushka_M, спасибо огромное!!! - (4)

ПОЗДРАВЛЯЮ С ДНЕМ РОЖДЕНИЯ НИНОЧКУ!(Arnusha) Милая милая Ниночка! С опозданием,но от всего ...

Спасибо от души TAISA_ANDRYEVEVA! - (10)

СВЕТЛОГО, ДОБРОГО ПРАЗДНИКА, С ДНЕМ РОЖДЕНИЯ, НИНОЧКА - Arnusha!!! Пусть будет крепким з...

Любочка (laplared), благодарю тебя подружка моя!!!!!!!!!!! - (2)

Поздравляю Ниночку (Arnusha) с днём рождения   ...

Лолочка (Lola_malvina), золотце, спасибо!!!!!! - (3)

С днём Рождения, Ниночка!(Аrnusha) Прими мои самые теплые поздравления с Днем Рождения! В э...

Верочка (Дневник_Девы), огромное спасибо! - (4)

Поздравляю с Днем рождения , Ниночка! (Arnusha)

 -Статистика

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


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

Воскресенье, 05 Декабря 2010 г. 22:30 + в цитатник

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

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

Процитировано 1011 раз
Понравилось: 100 пользователям
Нравится

Комментировать — К дневнику — Страницы: [1] 2 3 4 5 6 [Новые]
genjaz   обратиться по имени Воскресенье, 05 Декабря 2010 г. 22:35 (ссылка)
Спасибо большое!Очень полезно!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 02:30ссылка
Arnusha
Сохраните у себя,очень пригодится!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
MentiO   обратиться по имени Воскресенье, 05 Декабря 2010 г. 22:58 (ссылка)
спасибо полезная информация.
Ответить С цитатой В цитатник
Карл_Львович   обратиться по имени Воскресенье, 05 Декабря 2010 г. 23:22 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику
NatalyaNogteva   обратиться по имени Воскресенье, 05 Декабря 2010 г. 23:42 (ссылка)
Какая ты, Нинуля, умничка! Спасибо большое от чайника, коим я являюсь
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Декабря 2010 г. 23:46ссылка
Arnusha
Да ладно скромничать то,ты же не чайник!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Воскресенье, 05 Декабря 2010 г. 23:51ссылка
NatalyaNogteva
Только благодаря тебе и Тессику, я -только носик от чайника
ОтветитьС цитатойВ цитатникОбратиться по имени
хаверочка   обратиться по имени Воскресенье, 05 Декабря 2010 г. 23:51 (ссылка)
Спасибо большое дорогая за урок.
Ответить С цитатой В цитатник
хаверочка   обратиться по имени Воскресенье, 05 Декабря 2010 г. 23:52 (ссылка)
Спасибо большое дорогая за урок.беру себе
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 05 Декабря 2010 г. 23:53ссылка
Arnusha
На здоровье солнце!!!А тебя вчера не видно было,всё нормально с тобой?
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 00:02ссылка
хаверочка
Ездили на север помогали друзьям переехать в центр от пожара.
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 02:30ссылка
Arnusha
хаверочка, От какого пожара Ларис?
ОтветитьС цитатойВ цитатникОбратиться по имени
Aline-Al   обратиться по имени Воскресенье, 05 Декабря 2010 г. 23:56 (ссылка)
Огромное спасибо!!! Очень полезная информация!:good:
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 02:31ссылка
Arnusha
Не за что...
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 09:17ссылка
Arnusha
Пожалуйста!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
Татьяна_Стреж   обратиться по имени Понедельник, 06 Декабря 2010 г. 00:40 (ссылка)
Большое спасибо.
Ответить С цитатой В цитатник
TATIANA5   обратиться по имени Понедельник, 06 Декабря 2010 г. 00:53 (ссылка)
Хороший урок! Спасибо.
(109x146, 6Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
Aquila_reale   обратиться по имени Понедельник, 06 Декабря 2010 г. 02:00 (ссылка)
А вообще дырочка от носика чайника.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 02:32ссылка
Arnusha
Ален,сохрани обязательно...Потом не надо будет кидаться по дневникам в поисках инфы...
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 15:33ссылка
Aquila_reale
Ой. Ошибочку увидела. Хотела написать, что я - дырочка от носика чайника
Конечно, сохранила, процитировала. Спасибо тебе огромное за твои уроки!
ОтветитьС цитатойВ цитатникОбратиться по имени
Babiki   обратиться по имени Понедельник, 06 Декабря 2010 г. 04:43 (ссылка)
Большое спасибо!Очень нужное!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:40ссылка
Arnusha
Пожалуйста!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
Танго_Х   обратиться по имени Понедельник, 06 Декабря 2010 г. 05:22 (ссылка)
Огромное спасибо! Очень полезный урок.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:22ссылка
Arnusha
Пожалуйста!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
Наталья_Ивановна_НИК   обратиться по имени Понедельник, 06 Декабря 2010 г. 05:33 (ссылка)
Вот спасибо большое!!!
Я хоть очень мало делаю постов,но информация нужная.Может,в будущем пригодится.
Возьму себе в цитатник.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:09ссылка
Arnusha
Обязательно пригодится,опыт приходит со временем...
ОтветитьС цитатойВ цитатникОбратиться по имени
06Leka   обратиться по имени Понедельник, 06 Декабря 2010 г. 05:46 (ссылка)
Спасибо за науку!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:07ссылка
Arnusha
Учитесь на здоровье!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
Лариса_Шунина   обратиться по имени Понедельник, 06 Декабря 2010 г. 06:04 (ссылка)
Полезная инфомация!
(180x140, 15Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:07ссылка
Arnusha
Пожалуйста!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
Торнадо2112   обратиться по имени Понедельник, 06 Декабря 2010 г. 06:06 (ссылка)
!Вы очень добры по отношению к нам.Я тоже на себе знаю,как хочется научиться,спрость не у кого,да и не хочется беспокоить.Возьму себе!
Спасибо большое!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:06ссылка
Arnusha
Обращайтесь,я не всё еще знаю,но что знаю,отвечу обязательно...Табу у меня такое,ни одно сообщение не пропускать...
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:09ссылка
Торнадо2112
Спасибо!!!Я тоже так поступаю!Если смайлик-смайликом,если комментарий-тоже обязательно отвечаю!
ОтветитьС цитатойВ цитатникОбратиться по имени
solaris50   обратиться по имени Понедельник, 06 Декабря 2010 г. 06:51 (ссылка)
Большое спасибо за урок!:give_rose
(440x420, 152Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 07:56ссылка
Arnusha
Я вам тоже благодарна!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
НатальяЛ   обратиться по имени Понедельник, 06 Декабря 2010 г. 06:54 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Надежда_Митькина   обратиться по имени Понедельник, 06 Декабря 2010 г. 07:10 (ссылка)
Я как будто в лес дремучий попала, но постараюсь разглядеть сквозь дебри, солнца лучик и тропинку, ведущую к осмыслению полученной информации. Спасибо за урок!
_&_65533 (492x491, 120 Kb)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 07:51ссылка
Arnusha
Ничего сложного нет,один раз голову поломаете,и дальше уже всё будете знать...Спрашивайте если что,объясню!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
уврик   обратиться по имени Понедельник, 06 Декабря 2010 г. 07:21 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 07:49ссылка
Arnusha
Учитесь на здоровье и спрашивать не надо будет никого...
ОтветитьС цитатойВ цитатникОбратиться по имени
Isentiya   обратиться по имени Понедельник, 06 Декабря 2010 г. 07:28 (ссылка)
Спасибо.
Ответить С цитатой В цитатник
Перейти к дневнику
LiSu   обратиться по имени Понедельник, 06 Декабря 2010 г. 07:51 (ссылка)
Спасибо от валенка!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 07:54ссылка
Arnusha
Научитесь,все были валенками...
ОтветитьС цитатойВ цитатникОбратиться по имени
MsTataka   обратиться по имени Понедельник, 06 Декабря 2010 г. 08:04 (ссылка)
Огромное спасибо!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:05ссылка
Arnusha
Я рада,что пригодилось...
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:29ссылка
Овен-60
Ой,спасибо Вам большое за такой ликбез,это нам,чайникам,да еще в возрасте,ой как необходимо! Взяла в ссылку
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:34ссылка
Arnusha
Это точно,учитесь...
ОтветитьС цитатойВ цитатникОбратиться по имени
Irina18   обратиться по имени Понедельник, 06 Декабря 2010 г. 08:14 (ссылка)
Большое спасибо, сохраню себе.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:15ссылка
Arnusha
Обязательно...потом всё это пригодится рано или поздно.Удачи!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
SVETA-290   обратиться по имени Понедельник, 06 Декабря 2010 г. 08:21 (ссылка)
СПАСИБО!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:22ссылка
Arnusha
Пожалуйста!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
Пета_Рой   обратиться по имени Понедельник, 06 Декабря 2010 г. 08:24 (ссылка)
Благодарю!!!:give_hear
Ответить С цитатой В цитатник
Перейти к дневнику
Ирина_Эста   обратиться по имени Понедельник, 06 Декабря 2010 г. 08:26 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
явалюша   обратиться по имени Понедельник, 06 Декабря 2010 г. 08:32 (ссылка)
Доброе утро картинки открытки в гостевые и в блоги
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:32ссылка
Arnusha
Спасибо!!!
ОтветитьС цитатойВ цитатникОбратиться по имени
TATYSIY   обратиться по имени Понедельник, 06 Декабря 2010 г. 08:38 (ссылка)
Спасибо большое за полезную информацию
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 08:39ссылка
Arnusha
Не за что...
ОтветитьС цитатойВ цитатникОбратиться по имени
Перейти к дневнику

Понедельник, 06 Декабря 2010 г. 09:56ссылка
roza3344
Arnusha, Огромное спасибо,ни у кого такого урока еще не было!
ОтветитьС цитатойВ цитатникОбратиться по имени
Комментировать — К дневнику — Страницы: [1] 2 3 4 5 6 [Новые]
 

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

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

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

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


О проекте