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

топ 100 блогов Arnusha05.12.2010 Как расположить несколько элементов на страничке рядом друг с другом.Урок для начинающих! (180x140, 35Kb)


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

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

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

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

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

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


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

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

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


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

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

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

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

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

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

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


Arnusha
Рамка Zomka

Оставить комментарий

Архив записей в блогах:
Да, тогда тоже были пенсии. Если есть сильное централизованное государство, то у него есть какие-то средства на социалку. Конечно же, все вспоминают древний Рим. Где императором Октавианом Августом в самом начале нашей эры раздавалась в Риме еда всем,. кто выглядел жаждущим ее ...
зоопарк позвал зрителей на разделку животного, пообещав показать, из чего же состоит жираф: Двум генетически ущербным мужчинам, прущим друг друга в непредназначенные для этого отверстия и отсеянным природой за свою ущербность и ненадобностью, можно в Европе воспитывать детей. ...
DSC_6046.jpg © mirielle_elenna.iMGSRC.RU DSC_6052.jpg © mirielle_elenna.iMGSRC.RU DSC_6054.jpg © mirielle_elenna.iMGSRC.RU DSC_6047.jpg © mirielle_elenna.iMGSRC.RU DSC_6050.jpg © mirielle_elenna.iMGSRC.RU ...
Космический телескоп «Джеймс Уэбб» прошел очередную важную веху. Специалисты NASA и Northrop Grumann успешно завершили комплексную проверку его систем и программного обеспечения. Безусловно, отдельные части «Джеймса Уэбба» многократно тестировались и раньше. Однако тогда инженеры ...
Помнится, когда я была девой юной и наивной, моя старшая сестра мне авторитетно заявила, что у каждой женщины к 30 годам должны быть трусы за 100 долларов. Как показатель успешности, достатка и хорошего вкуса) И вот мне уже давно "слегка за 30", но трусов за 100долларов у меня как не ...